Question

我使用这个jquery插件：http://tympanus.net/codrops/2013/03/29/quotes-rotator/ 这是JSFiddle：http://jsfiddle.net/LmuR7/

这是我的设置（也有一些选项，但不知道如何使用它）：

      <script src="js/jquery.cbpQTRotator.min.js">
      </script>
      <script>
        $( function () {
          /*

            - how to call the plugin:
            $( selector ).cbpQTRotator( [options] );
            - options:
            {
                // default transition speed (ms)
                speed : 700,
                // default transition easing
                easing : 'ease',
                // rotator interval (ms)
                interval : 8000
            }
            - destroy:
            $( selector ).cbpQTRotator( 'destroy' );
            */


           $( '#cbp-qtrotator' ).cbpQTRotator();


         }
          );
       </script>

如果代码滚动到顶部并且如果它向下滚动则如何停止？

Answer 1

使用此：

$(window).scroll(function() {
  var currentScroll = $(this).scrollTop();
  if ( currentScroll <= 0 ) {
      $( selector ).cbpQTRotator( 'destroy' );
  } else {
      $('#cbp-qtrotator').cbpQTRotator();
  }
});

Answer 2

试试这个......

<script>
        var lastScrollTop = 0;
        $(window).scroll(function(event){
           var scrollTop = $(this).scrollTop();
           if (scrollTop > lastScrollTop){
             $('#cbp-qtrotator').cbpQTRotator();
             console.log("construct");
           } else {
             $('#cbp-qtrotator').cbpQTRotator('destroy');
             console.log("destruct");
           }
           lastScrollTop = scrollTop;
       });
</script>

参考：How can I determine the direction of a jQuery scroll event?

如果滚动到顶部如何停止javascript并且如果它不在顶部则运行

2 个答案: