平滑地向下滚动并隐藏滚动条

我有一个带有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); 
    }); 
    } 
});

我该如何结合动画和溢出：隐藏？

在此先感谢！

来源

2013-04-13 Niek Nijland

这能顺利滚动到300PX从上图：

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

和禁用滚动条

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

来源

2013-04-13 07:55:27

谢谢！有用！ –

如果它的工作PLZ给我一个赞 –

平滑地向下滚动并隐藏滚动条

回答

相关问题