将外部页面链接到一页站点的问题

Question

在将外部页面链接回主页时遇到问题，主页是单页滚动。

我的 header.php 文件：

            <div class="navigation">
            <ul class="nav">
                <li><a href="#work">Work</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#skills">Skills</a></li>
                <li><a class="various apply-button" data-membership="corporate" href="#contactForm">Contact</a></li>
            </ul>
        </div>

我正在使用 Smooth Scroll jquery：

    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        $(function() {
            $('a.logo, ul.nav a, #mmenu a, a.mobileLogo').bind('click',function(event){
                var $anchor = $(this);

                $('html, body').stop().animate({
                    scrollTop: $($anchor.attr('href')).offset().top-50                
                }, 800);

                event.preventDefault();
            });
        });
    </script>

它在主页上运行良好，但是一旦我单击指向外部页面的链接，我就无法返回。 URL 只是读取 test2.php#home-page 而不是返回索引。如果我只是将整个 URL 添加到 href 标记，则滚动将在主页上停止工作。有什么想法吗？

Answer 1

如果添加整个 URL，则只需拆分字符串即可提取锚点。

href_arr = $anchor.attr('href').split("#");

$('html, body').stop().animate({
    scrollTop: $('#'+href_arr[1]).offset().top-50                
}, 800);