如何制作圆形页面？（当滚动到页面内容的末尾时，页面将内容的开头添加到底部等等）

Question

我目前正在制作一个作品集，其中我有使用循环讲故事的漫画书 - 这意味着故事总是在重复。它结束的地方从新开始。我知道垂直滚动是如何工作的，但现在我希望让页面无限滚动，因为你可以一遍又一遍地阅读漫画。理想情况下，这将无缝工作（不会在页面内部跳转）。

有人可以为我指明正确的方向，告诉我如何使用 HTML 和 CSS 执行此操作，或者如果需要还可以使用 javascript 吗？

非常感谢。

Answer 1

这正是我要找的东西：

http://jsfiddle.net/howderek/N9PWn

谢谢你玛拉

window.verticalScroller = function($elem) {
var top = parseInt($elem.css("top"));
var temp = -1 * $('#verticalScroller > div').height();
if(top < temp) {
    top = $('#verticalScroller').height()
    $elem.css("top", top);
}
$elem.animate({ top: (parseInt(top)-60) }, 600, 'linear', function () {
  window.verticalScroller($(this))
});}


$(document).ready(function() {
var i = 0;
$("#verticalScroller > div").each(function () {
      $(this).css("top", i);
      i += 60;
      window.verticalScroller($(this));
});});

如何制作圆形页面？（当滚动到页面内容的末尾时，页面将内容的开头添加到底部等等）

How can I make a circular page? (when scrolled to the end of page content, page adds the beginning of conten to the bottom and so forth)

html

javascript

css

infinite-scroll

如何制作圆形页面？ （当滚动到页面内容的末尾时，页面将内容的开头添加到底部等等）

How can I make a circular page? (when scrolled to the end of page content, page adds the beginning of conten to the bottom and so forth)

html

javascript

css

infinite-scroll

如何制作圆形页面？（当滚动到页面内容的末尾时，页面将内容的开头添加到底部等等）