平滑地向下滾動並隱藏滾動條

Question

我有一個帶有2個div的頁面（＃page1和＃page2在上面，它們正好是瀏覽器窗口的大小（由jQuery計算）。當我點擊帶有id的div時：名稱我希望頁面平滑滾動到＃page2。這是工作正常。

但現在我想隱藏滾動條，並停止用戶能夠滾動。所以用戶可以去的唯一方法就是頁面是通過點擊#name div。但是當我嘗試設置身體溢出：隱藏頁面不會滾動到＃page2。只有當我拿出動畫，只使用scrollIntoView，然後跳轉到＃page2 。這裏是我的代碼：

$('#name').click(function() { 
    //$('#page2')[0].scrollIntoView(true); 
    $('#page2').scrollTo(500); 
}); 


jQuery.fn.extend(
{ 
    scrollTo : function(speed, easing) 
    { 
    return this.each(function() 
    { 
     var targetOffset = $(this).offset().top; 
     $('html,body').animate({scrollTop: targetOffset}, speed, easing); 
    }); 
    } 
}); 

我該如何結合動畫和溢出：隱藏？

在此先感謝！

Answer 1

這能順利滾動到300PX從上圖：

jQuery('html,body').stop().animate({ scrollTop: 300 }, 400, function() {}); 

和禁用滾動條

$('body').css('overflow','hidden')