链接外部页面到单页网站的问题


Problems linking external page to one page site

将外部页面链接回主页时出现问题,这是一个单页滚动

我的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>

我使用平滑滚动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#主页,而不是返回到索引。如果我只是将整个URL添加到href标记中,那么滚动将停止在主页上工作。任何想法吗?

如果您添加整个URL,您可以拆分字符串以提取锚。

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