码迷,mamicode.com
首页 > Web开发 > 详细

js返回顶部

时间:2015-05-19 16:19:03      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

   /*
  * 返回顶部

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

js返回顶部

标签:

原文地址:http://www.cnblogs.com/baoliwei/p/4514783.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!