js 自动滚动,鼠标移动停止滚动

168 阅读 0 评论 111 点赞

我是靠谱客的博主现实乌龟，这篇文章主要介绍js 自动滚动,鼠标移动停止滚动，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

    var timer;

    function pageScroller() {
        timer = setTimeout("pageScroller()",3000);  

        if(timer!=""&&timer!=null){
            console.log("begin");
            $(document.body).animate({scrollTop: $("#page-footer").offset().top}, 10000);
        }
    }

    //清除时钟,清除滚动动画
    clearTimer =function(){
        clearTimeout(timer);
        $(document.body).stop(); 
    }


    /**
     * 绑定页面的键盘事件和鼠标事件
     */
    var bindEvent=function(){
        $(document).mousemove(function() {
            clearTimer();
        })      
    }

    $(document).ready(function(){
        pageScroller();
        bindEvent();
    })