javascript - 使用 jquery 插件逐页滚动

Question

我正在寻找一个向下滚动页面的功能，它将逐页向下滚动。

我找到了这个插件，但是这个插件使用页面部分进行页面滚动

http://www.smashingmagazine.com/2014/08/25/how-i-built-the-one-page-scroll-plugin/

我想要一些可以自动计算页面长度的东西，如果页面长度/高度大于屏幕(显示器、笔记本电脑屏幕、移动屏幕等)，然后将其分成页数页数。

将创建指向此类屏幕的任何指针。我不是在寻找一个完整的解决方案，一个点或想法如何去做就可以了。

我正在研究这个例子:http://jsfiddle.net/8L5xjf0h/1/

<div class="scroll-pointer">&#8659;</div>

Answer 1

要获取 html 页面的高度，您可以使用 $(document).height();

然后您可以使用 $(window).height(); 将其除以视口(viewport)的高度。所以:

var viewHeight    = $(window).height();
var pageHeight    = $(document).height();
var numberOfPages = pageHeight/viewHeight;
var goToPage = function(page){
    window.scrollTo(0, (page-1)*viewport);
}

这有效，但目前它没有响应(调整屏幕大小不会影响页面大小)。这是您可能想要添加的内容。

不确定这是否回答了您的问题。如果没有，请随时告诉我，以便我对其进行编辑。