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