当用户按下浏览器中的后退按钮时,是否可以将用户带回到他们向下滚动到的页面区域?如 --- pageA 是屏幕大小的两倍(因此您必须滚动才能阅读更多内容)。您单击 pageA 上的链接转到新页面 - pageB。阅读后,您在浏览器中单击“返回”。现在,当您返回到 pageA 时,您又回到了顶部,并且必须向下滚动到您要继续阅读页面其余部分的位置。
有没有 Jquery 或 JS 方法可以返回到页面中的该点。也许有 .scrollTop() 的东西?
如果在页面“加载”事件触发后加载内容,则后退按钮不会将您带回到原来的位置。因为浏览器在“load”事件之前滚动。
在这种情况下,为了让浏览器记住滚动位置,您必须在离开之前将滚动位置和状态(已加载的内容)存储在某处。要么在 cookie 中,要么在 url 哈希中。
如果 pageA 只是一个没有动态内容的静态页面(在“load”事件后加载,则浏览器应该在您返回时记住滚动位置。
对于动态内容来说,至少包括两部分。一是当单击“后退”按钮时恢复页面状态,因此加载所有动态内容,展开或折叠一些扩展器。另一个是滚动到那里。
第一部分取决于页面的实现方式。第二部分,当页面执行 onUnload 时,您可以将滚动顶部放入 cookie 中。例如
$(window).unload(function() {$.cookie('scrollTop',$(window).scrollTop());});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)