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

    function gotoTop(min_height){
        var gotoTop_html = '<div id="gotoTop"></div>';//定义返回顶部的html标签,默认隐藏
      $("body").append(gotoTop_html);//将元素插入页面
      $("#gotoTop").click(function(){//定义返回顶部元素的点击事件
        $('html,body').animate({scrollTop:0},700);//定义页面向上滚动的动画
      }).hover(//为返回顶部元素增加鼠标选中的样式
        function(){$(this).addClass("hover");},
        function(){$(this).removeClass("hover");}
      );
      //获取页面的最小高度,为空则设置默认值
      min_height ? min_height = min_height : min_height = 600;
      $(window).scroll(function(){
        var s = $(window).scrollTop();//获取窗口滚动条的垂直位置
        if(s > min_height){//如果滚动条距顶部的位置大于最小高度,则返回元素渐现
          $("#gotoTop").fadeIn(100);
        }else{//否则返回顶部元素隐藏
          $("#gotoTop").fadeOut(200);
        }
      });
    };
    gotoTop();
  • 相关阅读:
    20141124-JS函数
    20141124-JS 变量,数据类型
    20141124-HTML-JavaScrilpt
    ●查询语句
    ●SQL2008基础
    ●数据库入门、更改验证方式
    ●枚举、递归
    ●值类型、引用类型
    小游戏●两人对战
    小游戏●贪吃蛇1(利用二维数组制作)
  • 原文地址:https://www.cnblogs.com/ywang/p/js.html
Copyright © 2011-2022 走看看