javascript 哈希链接scrollto脚本

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 哈希链接scrollto脚本相关的知识,希望对你有一定的参考价值。


    function hashLinks() {

        $('a').on('click', function( e ){
            $this   = $(this);
            url     = $this.attr('href');
            if( url ){
                hash    = url.substring(url.indexOf("#")+1);
                if( hash && hash != url ){
                    e.preventDefault();
                    $loc		= $( '#' + $this.attr('href').substring($this.attr('href').indexOf("#")+1) );
                	scrollPos = $loc.offset().top;
                    $('html,body').animate({
                        scrollTop: scrollPos
                    }, 1000);
                }
            }
        });

    }

以上是关于javascript 哈希链接scrollto脚本的主要内容,如果未能解决你的问题,请参考以下文章

javascript 使用纯javascript和没有jquery的ScrollTo动画

javascript scrollTo目标与动画

JavaScript scrollTo

javascript 单击哈希链接时平滑滚动

javascript Uikit 3 Accordion + ScrollTo #uikit #jquery

javascript 在所有哈希链接上使用jQuery平滑滚动