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

如果添加整个网址，则可以拆分字符串以提取锚点。

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

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

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

1 个答案: