0

テーブルのスクロールバーをスクロールするための次のコードがあります

$('.myTable').animate({
    scrollTop: myPositon
}, 45000, function() {

});

これで、スクロールバーの位置をリッスンする次のイベントが発生しました

$('.myTable').bind('scroll', function() {
   //if the scroll bar reaches certain position
   //pause the scrolling for 5 seconds

 });

スクロールバーが特定の位置に到達するかどうかを確認するコードがあります。質問は、バインド機能内でスクロール/アニメーションを5秒間一時停止し、その後自動的にアニメーションを再開する方法です。

遅延とclearQueueがあることを知っています。しかし、呼び出し：

$('.myTable').delay(5000) or $('.myTable').clearQueue効果があるようです

4

1 に答える 1

0

あなたの問題を解決するhtmlの下にあるかもしれません

<html>
    <head>
        <style>
            div {
                position: absolute;
                background-color: #abc;
                left: 0px;
                top:30px;
                width: 60px;
                height: 60px;
                margin: 5px;
            }
        </style>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>

    <body>
        <button id="go">Go</button>
        <button id="stop">STOP!</button>
        <button id="back">Back</button>
        <div class="block"></div>
        <script>
            /* Start animation */
            $("#go").click(function () {
                $(".block").animate({
                    left: '+=100px'
                }, 2000);
            });

            /* Stop animation when button is clicked */
            $("#stop").click(function () {
                $(".block").stop();
                setTimeout(function () {
                    $(".block").animate({
                        left: '+=100px'
                    }, 2000)
                }, 1000);
            });

            /* Start animation in the opposite direction */
            $("#back").click(function () {
                $(".block").animate({
                    left: '-=100px'
                }, 2000);
            });
        </script>
    </body>
</html>
于 2012-07-16T17:33:18.747 に答える