使瀏覽器在某個點之後順暢地向下滾動

我在網站的頂部有一個滑塊。當用戶滾動經過某個點時，比如從頁面頂部開始顯示50px，我想強制頁面滾動到另一個點。所以基本上，我怎麼能重現這種效果 - http://www.returntohope.com/stories#intro 使瀏覽器在某個點之後順暢地向下滾動

來源

2015-11-02 beliy333

您是否嘗試過什麼開始？ – Haris

啊，[scrolljacking]（http://www.sitepoint.com/scrolljacking-accessibility/）。 2014年最受歡迎的方式是讓瀏覽器訪問者早日離開。 – Blazemonger

你真的認爲這不是用戶友好的？我認爲在某些情況下，它可以使UX更好，而在其他情況下，我可以看到它可能會令人討厭。 – beliy333

你可以從這裏

$(document).ready(function(){ 
    $(window).on('scroll',function(){ 
     if($(this).scrollTop() > 50){ 
      $('html,body').animate({scrollTop : $('#next_div').offset().top}); 
     } 
    }); 
});

DEMO

來源

2015-11-02 14:44:03

感謝您的代碼。它可以工作，但是，當您嘗試向上滾動時，它不會讓您。有沒有辦法解決這個問題？也許它只會觸發，如果用戶滾動下來比起來？ – beliy333

@ user1389082對不起，延遲迴復..是的，你需要觸發向上和向下滾動..但這將需要多一點嘗試實現..這裏是鏈接可能會有所幫助http://stackoverflow.com/questions/4326845 /我怎麼能確定jquery-scroll-event的方向......我想你可能需要.off（'scroll'）來停止滾動事件。祝你好運 –

使瀏覽器在某個點之後順暢地向下滾動

回答

相關問題