Использование jquery для прокрутки вниз до #lower div

Question

Использование jquery для прокрутки вниз до #lower div

Я пытаюсь использовать jquery для прокрутки вниз до div #lower, но по какой-то причине он не работает. Что я делаю неправильно?

$(function() {

$('html, body').animate({
scrollTop: $("#lower").offset().top;
}, 0); //end of animate

}); //end of $(function()

#upper {
border: 1px solid red;
width: 100%;
height: 100%;
}
#lower {
border: 1px solid blue;
width: 100%;
height: 100%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<div id='upper'>Upper</div>
<div id='lower'>Lower</div>

0

javascript jquery php scroll vertical-scrolling

Решение

По вопросам рекламы [email protected]

Accepted Answer

Попробуйте удалить ; : Uncaught SyntaxError: Unexpected token ; следующий $("#lower").offset().top ; добавление top собственность на #lower лучше чем window.innerHeight обеспечить расстояние между областью просмотра #upper , #lower элементы

$(function() {

$('html, body').animate({
scrollTop: $("#lower").offset().top
}, 0); //end of animate

}); //end of $(function()

#upper {
border: 1px solid red;
width: 100%;
height: 100%;
}
#lower {
top:300px;
position:relative;
border: 1px solid blue;
width: 100%;
height: 100%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>

<div id='upper'>Upper</div>
<div id='lower'>Lower</div>

1

Другие решения

Других решений пока нет …

Источник