Question

我有一个页面网站和几个通用页面。当用户单击将用户从通用页面重定向到主页的链接时，我不确定如何实现该解决方案。用户在主页后，我希望它自动向下滚动到一个部分呼叫id =＆＃34; contactForm＆＃34;＆gt;

我怎样才能做到这一点？

Answer 1

<{1}} href标记中的

，写成<a>

Answer 2

HTML

<nav class="header-menu">
    <ul>
        <li><a href="#aboutus">Company</a></li>
        <li><a href="#services">Services</a></li>
        <li><a href="#careers">Careers</a></li>
        <li><a href="#contactus">Contact</a></li>
    </ul>
</nav>      
<section id="aboutus">
    content here
</section>
<section id="services">
    content here
</section>
<section id="careers">
    content here
</section>
<section id="contactus">
    content here
</section>

JS

jQuery(".header-menu a").click(function(e) {
    var speed = 2000;
    var position = jQuery(jQuery(this).attr("href")).offset().top;
    jQuery('html, body').animate({
        scrollTop: position
    }, speed, "linear");
   return false;
});

Answer 3

在链接中，您需要放置部分的ID（主页）。喜欢

<a href="index.php#section-id">Click</a>

如果您将上述代码放在站点中的任何位置，它会将您重定向到index.php并滚动到给出id的部分。

希望它有所帮助。

点击其他网页后的网址并滚动

3 个答案: