jQuery--在x（像素）滾動後滾動到id

Question

通過修改下面的代碼，可以在大量像素滾動（並且下面的div不向上滾動）之後滾動到#id？

$(".bhome").click(function() { 
$('html, body').animate({ 
    scrollTop: $("#someid").offset().top 
}, 2000); 

}）;

Answer 1

這是不是最後的解決方案，但是這可能會幫助你做出的第一個步驟：

$(document).ready(function(){ 
    var numberOfPixels = 20; 
    var lastScrollTop = 0; 
    $(window).scroll(function(event){ 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop){ 
     // downscroll code 
     if($(window).scrollTop() > numberOfPixels) { 
     $('html, body').animate({ 
      scrollTop: $("#someid").offset().top 
     }, 2000); 
     //$(window).off('scroll'); 
     } 
    } else { 
     // upscroll code 
    } 
    lastScrollTop = st; 
    }); 
});