使用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();将其除以视口的高度$(window).height(); 。 所以：

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

此方法有效，但是当前它没有响应（调整屏幕大小不会影响页面大小）。 这是您可能要添加的内容。

不知道这是否能回答您的问题。 如果没有，请随时告诉我，以便我进行编辑。

Answer 2

你已经采取了看看fullPage.js使用选项scrollOverflow:true ？

看一下这个例子 。

您甚至可以考虑通过使用autoScrolling:false来使用普通滚动，如本示例所示 。 菜单仍将页面滚动到右侧。