使用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來使用普通滾動，如本示例所示 。 菜單仍將頁面滾動到右側。