向下滚动以加载更多内容

时间:2016-06-26 01:05:06

标签: jquery scroll loading

我有一个非常长的带有li标签内容的html页面。我不想立刻加载它们。当用户向下滚动阅读时,我希望它加载大约10 li标签。该页面将按每个15 li标签加载。页面总数可能是100 li标签。有没有javascript可以处理它?<​​/ p>

例如

用户向下滚动

1 个答案:

答案 0 :(得分:0)

我无法发表评论,但我建议先尝试一些代码。你也可以这样做,我不会做你应该做的所有代码,但我可以带领你。 此示例类似于滚动后获取警报,我可以告诉您,您可以使用jquery获取某个div的位置,在新加载后您将需要什么,以查看新加载的开始位置。

   $(function(){
        $(window).bind("scroll.alert", function() {
            var $this = $(this);
            if ($this.scrollTop() >= 100) {
                alert("You've scrolled 100 pixels.");
                $this.unbind("scroll.alert");
            }
        });
    });

更新:

这取决于你想要什么。你可以为每个100px向下滚动做一些事情或获得位置 Jquery position of some element

并更新你的代码好吧我在我滚动那里后我的位置我希望apear新内容并获得新的位置。

但是如果你想用php和数据库做它会更容易。 这样你需要将其他链接设置为display:none;并在滚动后更改他们的CSS或只是在那里制作动画。

相关问题