6

標準のスクロール可能な div オーバーフローをアップグレードしようとしています。スクロールが完了すると、さらに流動的な要素にスクロールします。

これを行う方法についての理論がありますが、支援が必要です。

最新のブラウザーとオペレーティング システム、特に Safari では、いずれにせよスクロールにある程度の勢いがあります。私がやりたいのは、スクロール アニメーションが完了したことを認識させ、さらにスクロールして、その中の要素にスナップすることです。

できれば、スナップする要素までスムーズにスクロールしたいと思います。現時点では、JQuery の scroll() 機能は、実際のユーザー スクロールにのみ適用されるように継ぎ目があります。

iScroll はこれをうまく処理しますが、私たちの要件に対して非常に大きくかさばり、後方互換性や Internet Explorer との互換性はありません。

これをどのように達成できるかについてのアイデア。

素晴らしい

4

1 に答える 1

2

これは実際には非常に単純で、jQuery で実現できます。jQuery のアニメーション関数を使用してスクロール (scrollTop) をアニメーション化し、このプラグインhttp://james.padolsey.com/demos/jquery/easing/からイージング関数を easeOutElastic に設定できます。

$('myButton').click(function() {
    $('myScroll').animate({scrollTop : XX},'easeOutElastic');
});
于 2012-01-25T09:49:56.473 に答える