Question

我有一个包含2个div的页面（＃page1和＃page2彼此相同，这正是浏览器窗口的大小（由jQuery计算）。当我点击带有id：name的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')

向下滚动并隐藏滚动条

1 个答案: