我正在尝试使用这个无限 scroll .这是 JS link
我需要排除高度约为 150 像素的页脚高度。
教程中的原始 jQuery:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()){
所以我像这样更改了 jQuery 代码。
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $('#bottom').offset().top)){
再试一次:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() -150 == $(document).height()){
所以两者都不起作用,无限滚动仅在我将滚动条触摸到浏览器末尾时才起作用,然后才起作用。
因此,我正在寻找可以排除页脚高度的位置,以便用户在滚动时触摸页脚时,无限滚动应该起作用。
最佳答案
我认为您在第二次尝试时就做对了。您是否尝试过清除浏览器缓存,或者在不同的浏览器中进行测试?我基本上做了同样的事情,它对我有用。在尝试解决这些问题时,使用 console.log()
会非常有用。
你有网站链接吗?也许是其他原因导致了这个问题...
$(window).scroll(function() {
scrollDistance = $(window).scrollTop() + $(window).height();
footerDistance = $('#bottom').offset().top;
if (scrollDistance >= footerDistance) {
console.log("Infinite scroll time!");
}
})
fiddle :https://jsfiddle.net/9ehnb8dv/2/
关于javascript - 试图从窗口滚动 jQuery 中排除页脚高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33843493/