jQuery scrollTo滾動或查看div上的頂部

在全屏網站上，我正在使用scrollTo，其中鏈接允許用戶水平滾動到相關的DIV。jQuery scrollTo滾動或查看div上的頂部

用戶也可以使用鼠標滾輪向下滾動網站。

我的問題是如何使用jQuery自動將全屏div對齊到視口，以便當用戶向下滾動網站時，他們不必手動執行此操作。

我不知道如何解決這個問題。這是我的JSFiddle。

對此website有類似的影響，如果向下滾動並將全屏div離開屏幕一半，它會自動將div對齊屏幕。

2013-10-16 Steven_Harris_

這很簡單，我認爲...;）如果用戶滾動超過200個像素，其餘部分將自動滾動直至到達目標。

$(document).scroll(function(){ 
    if($(document).scrollTop() > 200){ 
     $('html, body').stop().animate({ 
      'scrollTop': $YOUR_TARGET_HERE.offset().top 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    } 
}

來源

2013-10-16 13:24:36 nrausch

差不多！絕對是正確的方向。 –

什麼不起作用？順便說一下，如果你不需要這個功能，你必須用一個應該出現在URL中的字符串替換「target」，或者將動畫結束函數完全移出:) – nrausch

香港專業教育學院做了一個簡單的腳本爲我的項目之一... 它使用插件來看看你是向上或向下滾動，然後計算出具有相同的類元素的頂部位置，你輸入（在這種情況下爲.height）。 U可以在這裏找到更多信息jsFiddle

來源

2013-10-16 13:47:29 dinodsaurus

偉大的插件，工作真的很棒！雖然它阻止瞭如果內容超出了折角，可以向下滾動查看更多的div。 –

是的，這是一個與這個插件:)的問題，它使用div具有'高度：100％' – dinodsaurus

jQuery scrollTo滾動或查看div上的頂部

回答

相關問題