javascript - 没有内容的无限滚动

标签 javascript jquery html

也许这只是我想的一种方法来创建一个非常令人讨厌的“正在 build 中的站点”页面,但是当您实际上没有任何内容时,是否可以创建一个无限滚动?所以本质上,你会永远向下滚动一个白页吗?

是否可以简单地使用两页并在每次接近当前页面的底部时不断“重新获取”另一页?从浏览器的内存 Angular 来看,这可能是一个糟糕的主意,但我认为只有两个页面可能不是问题。

最佳答案

我不知道你为什么需要这样的东西,但你可以在滚动时增加高度,增加你滚动的数量或类似的东西

var windowHeight = $(window).height(); 
var oldScrollTop = 0 ; 

$(document).ready(function(){
    $('body').height(windowHeight+50); 
})

$(window).scroll(function(){
    var scrollTop = $(this).scrollTop(); 
var newHeight = windowHeight + scrollTop; 
    if(scrollTop > oldScrollTop)
    {
        oldScrollTop = scrollTop; 
        $('body').height(newHeight); 
    }
}); 

检查这个 fiddle http://jsfiddle.net/Lx563/

关于javascript - 没有内容的无限滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17768493/

相关文章:

javascript - 为用户提供正确的语言

javascript - 恢复页面内容并保留事件监听器

javascript - 从父级控制内部 iframe

c# - 从 Javascript 调用 Web 服务时使用文档对象而不是 JSON

javascript - JQuery 源代码 - 绝对不可读?

javascript - 使用javascript用表行数据填充表单

javascript - 如何使用 Javascript 和 CSS 显示自定义打印/分页预览(带页面框)?

asp.net - 使用 JavaScript 和 jQuery 获取嵌入 ASP 对象的 ID

jquery - 使用 jquery 获取自定义标签值

javascript - 如何替换div元素的内容?