Моя цель состоит в том, чтобы фиксированный div отображался в верхней части страницы, когда кто-то прокручивает определенное количество пикселей вниз по странице. Как правило, после того, как раздел заголовка выходит из поля зрения, этот div появится.
Я посмотрел код, похожий на то, что я хочу; однако, не видели ничего, что позволило бы мне легко изменить количество пикселей с верхней части страницы (если возможно).
Вот фрагмент кода, который я видел, когда вы делали divs с помощью прокрутки.
// Get the headers position from the top of the page, plus its own height
var startY = $('header').position().top + $('header').outerHeight();
$(window).scroll(function(){
checkY();
});
function checkY(){
if( $(window).scrollTop() > startY ){
$('.fixedDiv').slideDown();
}else{
$('.fixedDiv').slideUp();
}
}
// Do this on load just in case the user starts half way down the page
checkY();
Я просто хочу знать, как это сделать. Если кто-то знает фрагмент кода уже в такт с помощью слайд-шоу и слайд-анимации, это было бы очень полезно, но не обязательно.