zoukankan      html  css  js  c++  java
  • jquery 返回顶部

    /* 返回顶部 */
    $(function(){
        $(window).scroll(function () {
         if($(window).scrollTop() > 200)//距离顶部多少高度显示按钮
         {
             $('.js_backup_top').slideDown(200);
         }else
         {
             $('.js_backup_top').slideUp(200);
         }
       }); 
        var timerReturnTop=null;
        $(".js_backup_top").live("click",function(){
            clearInterval(timerReturnTop);
            timerReturnTop=setInterval(function (){
                var scrollTopNum=document.documentElement.scrollTop||document.body.scrollTop;
                var speed=Math.floor(-scrollTopNum/3);
                if(scrollTopNum==0)
                {
                     clearInterval(timerReturnTop);
                }
                document.documentElement.scrollTop=scrollTopNum+speed;
                document.body.scrollTop=scrollTopNum+speed;//兼容chrome浏览器
            }, 30);
        });
    });


    <div class="js_backup_top">&nbsp;</div><!-- 返回顶部 -->
  • 相关阅读:
    IO流
    异常,File,递归,IO流
    Collection接口 map
    使用canvas画出的时钟
    js对象2
    js对象
    js 猜数游戏、斗地主发牌、伪数字
    js函数2
    js函数
    js矩形,数组,杨辉三角
  • 原文地址:https://www.cnblogs.com/houweijian/p/3249010.html
Copyright © 2011-2022 走看看