Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击后,将URL转到另一页并滚动_Javascript_Php_Wordpress_Templates - Fatal编程技术网

Javascript 单击后,将URL转到另一页并滚动

Javascript 单击后,将URL转到另一页并滚动,javascript,php,wordpress,templates,Javascript,Php,Wordpress,Templates,我有一个网页的网站和一般网页夫妇。当用户点击一个链接,将用户从一个普通页面重定向到主页时,我不知道如何实现这个解决方案。用户进入主页后,我希望它自动向下滚动到一个部分call id=“contactForm”> 我怎样才能做到这一点呢?在标签的href中,这样写“链接到主页”#联系人表单”在标签的href中,这样写“链接到主页”#联系人表单”HTML <nav class="header-menu"> <ul> <li><a hr

我有一个网页的网站和一般网页夫妇。当用户点击一个链接,将用户从一个普通页面重定向到主页时,我不知道如何实现这个解决方案。用户进入主页后,我希望它自动向下滚动到一个部分call id=“contactForm”>


我怎样才能做到这一点呢?

标签的
href
中,这样写
“链接到主页”#联系人表单”
标签的
href
中,这样写
“链接到主页”#联系人表单”
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>
HTML


在链接中,您需要放置节的id(主页)。像


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


希望有帮助。

在链接中,您需要放置该部分(主页)的id。像


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


希望对您有所帮助。

您能添加您尝试过的内容吗
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;
});
<a href="index.php#section-id">Click</a>