zoukankan      html  css  js  c++  java
  • jquery 监听所有锚点链接实现平滑移动

    jquery 监听所有锚点链接实现平滑移动,地址栏上不会改变链接地址

        //监听所有锚点链接实现平滑移动
        $('a[href*=#],area[href*=#]').click(function() {
            if (location.pathname.replace(/^//, '') == this.pathname.replace(/^//, '') && location.hostname == this.hostname) {
                var $target = $(this.hash);
                $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
                if ($target.length) {
                    var targetOffset = $target.offset().top;
                    //为提升用户体验,做出算法改进 start
                    var clientHeight    =    document.body.clientHeight;    //浏览器可视高度
                    targetOffset    =    targetOffset-(clientHeight/2)+100;
                    //end
                    $('html,body').stop(true).animate({
                        scrollTop: targetOffset
                    },
                    1000);
                return false;
                }
            }
        });
  • 相关阅读:
    字符串系列复习
    点分治总结
    LCT总结
    网络流总结
    centOS7下安装GUI图形界面
    周记 2014.10.8
    周记 2014.9.28
    周记 2014.9.20
    tar命令
    [转]bit与byte
  • 原文地址:https://www.cnblogs.com/phpyangbo/p/6194667.html
Copyright © 2011-2022 走看看