链接到页面然后自动设置动画到

时间:2016-05-08 22:43:30

标签: javascript jquery html animation

我有一个菜单项,当在主页上点击时,使用哈希链接动画到一个部分。但是当在另一个页面上时,它会链接回主页,然后返回到该部分。点击返回主页时没有动画或非常流畅的外观。我怎么能让它回到页面然后做动画?或者甚至直接去看那个部分?对于固定标题,它也需要偏移70px。

    $('.mainNav ul li a:eq( 0 )').on('click',function (e) {

                // link and animation when on homepage
                if ( window.location.pathname === '/' ){
                    e.preventDefault();
                        var target = this.hash;
                        var $target = $(target);

                        $('html, body').stop().animate({

                             'scrollTop': $target.offset().top - 70

                        }, 600, 'swing', function () {

                            window.location.hash = target;

                         });

                } else {

                // link and animation when on all other pages
                     window.location.href =  '/#workStatement';
                     return false; 

                }
        });

1 个答案:

答案 0 :(得分:0)

这篇文章是我需要的,我想: https://css-tricks.com/snippets/jquery/smooth-scrolling/