垂直滾動，使用snap / align to div / element / anchor

Question

我發現了一些可愛的網站- http://www.mini.jp/event_campaign/big-point/ ， http://www.twenty8twelve.com/和http://www.scozzese.com -所有垂直滾動，以及所有當您滾動到新的“頁面”時，使用一種將“頁面”對齊到瀏覽器頂部的技術 - 即使您將一半滾動到一個頁面。

任何人都可以給我任何指針，例如我可以用來搜索更多信息的正確術語/單詞，或者介紹這種技術背后的基礎知識，或者如果存在任何jQuery等插件，我可以玩和學習嗎？

我搜索了他們的代碼但沒有跳出來如何做到這一點，我的Javascript和jQuery仍然是新手級別。

Answer 1

Javascript有一些本地方法，如scroll(), scrollTo(), scrollBy() ，你可以使用它們（有一些技巧）來平滑地滾動頁面。 與offsetTop(), offsetLeft()一起，您可以實現這些網站上的效果。

還有很多jQuery插件（例如像谷歌點擊這樣 ）來為你節省大量的工作。

只是搜索這些方法名稱，這應該給你足夠的命中我猜。

Answer 2

基本滾動...

// Scroll
h = $(window).height();
t = $("mydiv").offset().top + $("mydiv").height();

if(t > h) {
    $(window).scrollTop(t - h);
}

Answer 3

他們的滾動腳本不是很聰明。 如果我通過反復單擊向下箭頭向下滾動網頁，每次單擊時，它都會向上滾動。 所以不可避免地它不起作用。