无限滚动jquery插件
我正在尝试在我使用Coldfusion开发的网站上设置无限滚动,我是javascript和jquery的新手,所以我有一些问题包围了所有这些。我是否需要在我的网站上进行分页才能使用无限滚动插件,或者有没有办法实现它?
没有找到相关结果
已邀请:
8 个回复
缮淳彼誊
JsFiddle上的演示
姬第柔炒
然后在我的AJAX响应中,我将
设置为
。
莽缓逢
妊辽剁茧
另外,如果你想了解更多信息,请查看如何在jquery手册上创建无限滚动http://dumpk.com/2013/06/02/how-to-create-infinite-scroll-with-ajax-on-jquery/
桔马牛
有人要求解释,所以这里是解释 这里$(document).height() - >是整个文档的高度。在大多数情况下,这等于当前文档的元素。 $(window).height() - >是窗口的高度(浏览器)是指你在浏览器上看到的高度。 $(window).scrollTop() - > Element.scrollTop属性获取或设置元素内容向上滚动的像素数。元素的scrollTop是元素顶部到其最顶部可见内容的距离的度量。当元素内容不生成垂直滚动条时,其scrollTop值默认为0。
添加$(window).scrollTop()和$(window).height()现在检查结果是否等于你的documnet高度。如果它是相等的意味着你到达最后。我们也加100,因为我想在文档底部100个像素之前检查(注意< =条件) 如果我错了,请纠正我
宦哨抹存胳
JS
如果您希望暂停停止Feed,则可以在cb方法中返回false。如果您点击了Feed的末尾,则非常有用。它可以通过调用infiniteScroll的返回对象方法'setShouldLoad'再次启动,并传入true和example以与上面的代码一起使用。
无限滚动的功能就是这个
1个带有窗口作为滚动条的提要示例 2 feed作为滚动条的Feed示例
届甸衬丝蚕
诉嘎归亮