javascript - 当 CSS 禁用滚动时使用 jQuery 滚动

Question

我想使用 jQuery 动画滚动页面，但滚动在 CSS 中被禁用，并且不允许动画发生:

$('html, body').css({
    'overflow': 'hidden',
    'height': '100%'
});


$('html, body').animate({
    scrollTop: 939
}, 2500);

这是 fiddle :http://jsfiddle.net/AKPHB/1/

Answer 1

如果设置了overflow:hidden，则滚动事件不会发生。所以你也不能使用动画来触发它。事实上，如果用户无论如何都无法滚动，那么动画滚动有什么意义:p

一种解决方案是将内容包装在另一个容器中并为该容器设置动画，如下所示:

演示:http://jsfiddle.net/AKPHB/10/

<div id="content">
    <div class="text">text</div>
    <div class="text">text</div>
</div>

CSS:

#content{position:relative}

和 JavaScript:

$('#content').animate({ top: -939 });