0

ユーザーがページを下にスクロールしたときにアニメーションをトリガーしようとしています。そのため、彼が特定のポイントを超えてスクロールすると、ウェブページに div がスライドするようになり、ユーザーが上にスクロールしてもスライドしないようにしたいと考えています。

アニメーション中に上下にスクロールすると遅延し、モーションがまったく滑らかでないことを除いて、正常に動作します。

私はこのJavaScriptを使用してアニメーションをトリガーしています:

    $(document).ready(function() { 
    jQuery(function($) {
        function fixDiv() {
            var $cacheLaptop = $('#red-div');
            var check=new Boolean();
            check=false;
            if ((check==false) && ($(window).scrollTop() > 500)) {  
                check=true;    
                $cacheLaptop.stop().animate(
                    { left: 0 }, {
                     duration: 1000,
                 });   
            }
        }
        $(window).scroll(fixDiv);
        fixDiv();
    });

});

私の問題を確認できるように、jsfiddle を作成しました: http://jsfiddle.net/B4WEV/3/

これを修正する方法を知っている人はいますか？

どうもありがとう！

4

2 に答える 2

0

このプラグインを使用する必要があります: http://imakewebthings.com/jquery-waypoints/ アニメーションの開始をトリガーしてから、再生させます。

于 2014-01-09T11:42:00.340 に答える