如何在处理程序中使用.scrollTo()
withif()
语句.scroll()
?
到目前为止,这是我的代码:
scrollToPage = function() {
$(document).scrollTo($('.page'), 750, { easing: 'easeInOutCubic' });
}
$(window).scroll(function() {
if ($(this).scrollTop() >= ($(this).height()-107)) {
$('.page').addClass('page-top');
$('header').css({position: 'fixed'});
}
else {
scrollToPage(); // This part doesn't work
}
});
所以基本上,if
滚动到达某个点(windowHeight-107),实际的内容页面位于窗口的顶部,并且标题将固定定位。
但是else
(当内容页面不在顶部时),我希望它自动滚动到它。
但是,每次我想进一步或向后滚动时,它都会在第一次之后再次滚动到它。它似乎卡住了。
这里到底发生了什么,我该如何解决这个问题?
任何人?