マウス ポインターが上にあるときにスパン内のリンクをスクロールし、マウスアウトで停止する jquery スクリプトをコーディングしました。
http://jsfiddle.net/trustweb/Xvqfr/
これは実用的な解決策ですが、CPU パフォーマンスをチェックすると、それがいかに重いかがわかります。
より軽い解決策はありますか?
マウス ポインターが上にあるときにスパン内のリンクをスクロールし、マウスアウトで停止する jquery スクリプトをコーディングしました。
http://jsfiddle.net/trustweb/Xvqfr/
これは実用的な解決策ですが、CPU パフォーマンスをチェックすると、それがいかに重いかがわかります。
より軽い解決策はありますか?
タイマー間隔 (8ms) を短くすると、パフォーマンスが向上します。同時に、scrollText() メソッドで find メソッドを複数回使用することは避けてください。
デモを参照してください: http://jsfiddle.net/f8sap/2/
セレクター $elmt.find('.subcolumn-left-tab-title-slide a') の結果を var にキャッシュして、セレクターによる頻繁な DOM トラバーサルを回避します
まず、jQuery コレクションをキャッシュします。何度も電話する必要はありません.find('.subcolumn-left-tab-title-slide a')
。また、プレーンな JavaScript のようなスタイルを設定style.left = left + 'px'
すると、パフォーマンスも向上します。