2

問題のサイトは次のとおりです: http://abramobile.com

スライダー領域を越えてページを下にスクロールすると (または上部のタブの 1 つをクリックすると)、コンテンツ部分が表示されます。その時点で、この「トップに戻る」矢印が右上隅にフェード インします。私は .click() イベントで jQuery scrollTop() を使用して、ユーザーをページの上部に戻しています。position:fixed; も使用しています。要素がスクロールしても同じ場所にとどまるようにします。

問題はサファリにあります。クリックしてトップに戻ると、ページが上にスクロールするにつれて、すべてがぎくしゃくして点滅します。また、スクロールしてナビゲーション領域に戻ったときに上矢印をフェードアウトさせるための fadeTo(200,0) も行われています。

このぎこちなさを防ぐために適用できる CSS はありますか? そうでない場合、私がやろうとしていることを達成する別の方法はありますか?

ありがとう！

更新: Safari 5.0.5 にはジャーキーはありません。誰かが Safari 5.1.x でそれを確認できますか?

4

1 に答える 1

1

OperaとFirefoxで動作させるには：

$('#toTop').click(function(){
    $('body').stop().animate({
        'scrollTop': 0
    }, 400);
});

$('body')に変更$('body, html')

Safari（5.0.5）ではぎくしゃくしていません

于 2012-05-07T02:55:58.683 に答える