javascript - CSSでスクロールが無効になっている場合のjQueryでのスクロール

Question

jQuery アニメーションを使用してページをスクロールしたいのですが、CSS でスクロールが無効になっており、アニメーションを実行できません。

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


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

これがフィドルです：http://jsfiddle.net/AKPHB/1/

Answer 1

代わりに使用することをお勧めしmargin-topます。スクロールバーがないため、ユーザーへの影響は同じです。

デモ

$('html, body').animate({
    "margin-top": -100,
    "height": "+=200"     // Fix height to show additional content   
}, 2500);