测试给指出来一个bug，是页面回退到上一页面位置不固定。如果上次浏览的时候页面时置顶的，回退回来没有问题。但是页面在中间或下边位置的时候，页面位置就比较随机了。
image.png
这个页面，分了三个接口加载。首屏用node服务器渲染，第二个接口跟第三个接口放在js里用setTimeout(getData(),0)加载。这样处理可以保证整个页面的加载速度。但是访问下一页，再回退到当前页面的时候，页面没有定位到离开页面的位置。
打了个段点看了一下页面的加载过程，页面一进来scrollTop为0，等同步的js执行完，页面渲染完，整个页面会向上滚动一段距离。
所以页面不能定位到原来的位置，是浏览器想滚回原来的位置的时候，页面的高度发生了变化（这个时候异步加载的代码还没执行）。
解决办法：用sessionStorage记录异步加载的数据，如果是回退回来的，调用sessionStorage里数据，将异步访问改为同步代码，就能保证页面的高度在浏览器定位的时候跟之前是一样的了。
测试给指出来一个bug，是页面回退到上一页面位置不固定。如果上次浏览的时候页面时置顶的，回退回来没有问题。但是页面...
最近在写一个当页面滚动到一定位置时，页面右下角出现一个 “返回顶部的按钮”，点击后返回页面最顶部位置。 一开始我是...
在页面中，当滚动条下滑到一定位置时就会出现返回顶部的图标，点击图标后页面平缓的回到顶部位置。到了顶部，这个图标又会...
点击锚点平滑滚动到相应页面位置： .. "返回顶部"按钮效果：向下滚动页面出现 按钮，点击返回顶部。 …………EN...
一、页面滚到一定位置，触发某个点击事件，让页面回到顶部.
问题 目前的OnLine页面主要有两大问题： 1.返回不能定位到原来的位置。 2.有效信息流动性太差。 修改 资料...
需求：点击跳转到指定页面并定位到页面的指定标题位置 官方方案：scrollBehavior 限制：需要在histo...
//滚动时保存滚动位置 $(window).scroll(function () { ...
需求：fragment中使用WebView加载H5页面。 问题：H5页面跳转之后返回点击返回键不能够返回到上一页面...
假如我从文章列表index.html中点击了某一篇跳转到文章详情页details.html，但是按浏览器的后退，要...
本文标题：点击返回到上一页面，定位到原来位置
本文链接：https://www.haomeiwen.com/subject/hwzyextx.html
网友评论