Установка предельных значений CSS для анимации прокрутки окна
У меня есть карта
, которая скользит по мере того, как пользователь прокручивает страницу вниз. Однако кажется, что карта прокручивается бесконечно, никогда не позволяя пользователю фактически добраться до нижней части страницы (есть нижний колонтитул ).
Что я пытаюсь сделать, так это заставить
прекратить прокрутку, когда он достигает конца другого динамического -размера (, высота которого является переменной )
. Эти два элемента
расположены стороной -к стороне -и находятся в одной строке.
Вот код JavaScript, который я использую для правильного перемещения div при прокрутке пользователя:
$(function() {
var $sidebar = $("#map"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
}
else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});
5
задан Barlas Apaydin 4 October 2015 в 06:45
поделиться
0 ответов
Другие вопросы по тегам: