Я пытаюсь заставить свою боковую панель вести себя как обычно, пока не произойдет определенное количество прокрутки (прокручивается мимо первого элемента div
), а затем фиксируется на месте.Изменить боковую панель после определенного прокрутки
В качестве теста я попытался просто поменять его на пустое. Но это не имеет никакого влияния.
<script type="text/javascript">
var side_offset_top = $('#side').offset().top;
var side = function(){
var scroll_top = $(window).scrollTop();
if (scroll_top > side_offset_top) {
document.getElementById('side').innerHTML = ''; //blank to test
} else {
}
};
side();
$(window).scroll(function() {
side();
});
});
</script>
Я новичок в JavaScript, поэтому я был бы признателен, если кто-нибудь поможет мне в этом.
Спасибо, но это все еще не работает. Элементы «div» двух боковых панелей прокручивают верхнюю часть фиксированной навигации (по горизонтали сверху), хотя цвет фона '# side' как бы отстает. – OJFord
Я только что исправил ошибку в образце кода и протестировал ее - обновленная версия работает для меня. Если я делаю div с идентификатором стороны, когда div достигает верхней части окна, обновляется html – mcbex