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

       /*
      * 返回顶部

     *<a class="go-top" id="goTop" href="javascript:;"></a>  

     * 注:a链接需设置背景图片,或者其他可显示的返回顶部
       */
        var $t = $( '#goTop' );
        var $h = 320;
        if ( !$t.length ) {
            return;
        }
        var handler = function( e ) {
            e.preventDefault();
            e.stopPropagation();
            var $target = e.target;
            var $id = $( $target ).attr( 'id' );
            if ( $id === 'goTop' ) {
                $( window ).scrollTop( 0 );
                return false;
            }
        };
        var __init = function( e ) {
            if ( $( window ).scrollTop() > $h ) {
                $( $t ).css( 'visibility', 'visible' );
            } else {
                $( $t ).css( 'visibility', 'hidden' );
            }
        };
        __init();
        $( window ).off( 'scroll', __init ).on( 'scroll', __init );
        $t.off( 'click', handler ).on( 'click', handler );

  • 相关阅读:
    hadoop wordcount
    hadoop map reduce 实例wordcount的使用
    玉髓
    数据类型检测的四种方式
    天猫前端招聘要求
    正则示例1
    字面量和实例创建的区别
    正则表达式
    面试题1
    this关键字
  • 原文地址:https://www.cnblogs.com/baoliwei/p/4514783.html
Copyright © 2011-2022 走看看