-1

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

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

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

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

提前致谢！

布拉姆

4

2 回答 2

1

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

mysite.com/?submit=yes#contact

于 2012-09-19T15:31:43.670 回答
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);
}
于 2012-09-19T15:47:47.973 回答