如何在禁用JavaScript的情况下为表单子项加载具有特定滚动位置的页面

时间:2015-10-13 07:13:45

标签: javascript html ajax forms

我的网站上有一个简报订阅表(只有一个字段,电子邮件),用node.js和express构建。如果启用了JavaScript,则会使用AJAX提交电子邮件并回复回复并简单地“成功!”消息呈现客户端,可爱的动画和一切。

如果禁用JavaScript,则会将数据提交到用户当前所在的同一页面,但页面会在顶部加载。我想在订阅表单中呈现错误或成功消息(稍微向下滚动,或在移动设备上滚动,相当多下滚动)。

有没有办法解决这个问题?

1 个答案:

答案 0 :(得分:2)

您可以向要将页面滚动到的元素添加id。例如:

<form id='someID'></form>

然后只需重定向到:

'http://yoururl.com/some/page#someID' <--- the #someID part is focusing the element and scrolling to it

所以你可以像现在一样提交到同一页面,但最后提交#someID