垂直滾動捕捉/對齊div /元素/錨

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插件（例如像這樣的google hit）爲您節省大量的工作。

只要搜索這些Methodnames，這應該給你足夠的點擊我猜。

Answer 2

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

Answer 3

基本滾動...

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

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