如何在用戶開始滾動頁面時強制頁面直接顯示主內容？

Question

我有一個頁面，頂部有全屏圖像。主要內容就在形象之下。我的目標是當用戶開始滾動頁面時，頁面直接滾動到主要內容。像this website

我應該如何用jQuery來實現這個？

Answer 1

只是做了Fiddle爲例：

$(window).scroll(function(){ 
    $('html,body').animate({ 
    scrollTop: $(".down").offset().top}, 
    'slow'); 
}); 

，並增加了第二Fiddle作爲第一個擁有它不可能使用這種方法離開底部的問題。雖然它可能是很好的保持在特定的內容，作爲第二隻品種滾動一次：

var lastScrollTop = 0; 
$(window).scroll(function (event) { 
    var currentScroll = $(this).scrollTop(); 
    if (currentScroll > lastScrollTop && 
     $(".down").data("visible") === "no") { 
    $(".down").data("visible", "yes"); 

    $('html,body').animate({ 
     scrollTop: $(".down").offset().top 
    }, 
     'slow'); 

    } else { 
    // upscrolling could be handled here 
    } 
    lastScrollTop = currentScroll; 
}); 

隨着例如HTML：

<div class="top>">scroll down</div> 
<div class="down" data-visible="no">here we are</div> 

所以具體的強制卷軸可以設置/取消使用例如數據屬性的divs。