Question

我想创建一个HTML页面，我可以在里面放几个图像，并滚动（上下，从右到左），没有限制（图像将自行返回）。

以下是一个很好的例子：MacDonalds Favourites。

我试图做一个计算页面高度的js代码，当他现在到达页面末尾时 - 他滚动到他的顶部。

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
        window.scrollTo(0,0); 
    } 
});

Answer 1

无限滚动方法会调用jQuery，类似于您在此处所写的内容。但是您还需要引入要显示的其他数据，您可以通过各种不同的方式进行操作。

由于您已经在使用jQuery，因此可以使用该库中的.ajax（）方法。

$.ajax({
  url: "http://your-url-here.com/extra-content.html",
}).done(function(html)  {
  $("#results").append(html); 
});

有关.ajax方法的更多信息，请参阅jQuery文档： https://api.jquery.com/jQuery.ajax/

Answer 2

尝试使用无限滚动的iscroll 我建议你也使用snap to element来获得图像轮廓 http://iscrolljs.com/#infinite-scrolling

如何在HTML上创建无限的Scroll图像页面？

2 个答案: