Question

我正在使用单页Joomla网站。这是非常基本的，但我遇到了一些技术问题。当用户单击导航菜单中的链接时，页面将滚动到相应的元素。我是通过jQuery和普通的旧锚来做到这一点的。（例如：mysite.com/#contact）

我也在使用联系表格。当我提交此表单时，页面会重新加载。我想再次重新加载mysite.com./#contact网址，我还想向用户显示一条消息，让他/她知道表单已成功提交。我不想为此使用弹出窗口，但我希望它显示在窗体上方。

我想将提交重定向回mysite.com/#contact?submit=yes然后使用jquery检查url是否有submit = yes参数并显示消息，但问题是如果我通过通过url参数，它不会自动向下滚动到正确的元素...

有没有人有任何想法/聪明的技巧来解决这个问题？

提前致谢！

的Bram

Answer 1

...“然后使用jquery检查url是否有submit = yes参数并显示消息”...

是的，你可以这样做，然后你必须向下滚动到你的表格或注意消息，如

if(document.location.href.indexOf('submit=yes') != -1){
 $('html, body').animate({
         scrollTop: 500 // the amount of scrolling : $("#YourFormId").offset().top
     }, 2000);
}

Answer 2

首先尝试放置参数，然后在最后放置锚点。

mysite.com/?submit=yes#contact

使用锚标记仍然能够通过url传递参数

2 个答案: