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 );

  • 相关阅读:
    mysql中的enum型
    mysql中的时间year/date/time/datetime
    一些数字的属性
    mysql增删
    Perl6 Bailador框架(8):自定义400/500
    react: typescript jest && enzyme
    webstorm tslint配置
    react: typescript import images alias
    JSONP原理及简单实现
    纯css画三角形
  • 原文地址:https://www.cnblogs.com/baoliwei/p/4514783.html
Copyright © 2011-2022 走看看