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;
                }
            }
        });
  • 相关阅读:
    dp uva1025
    dp uva10003
    dp最优矩阵相乘poj1651
    dp uva11584
    动态规划uva11400
    流形学习 (Manifold Learning)
    tf.nn.embedding_lookup
    word2vec
    word2vec 细节解析1
    collections-Counter
  • 原文地址:https://www.cnblogs.com/phpyangbo/p/6194667.html
Copyright © 2011-2022 走看看