近来,在开发移动端产品列表页面程序。
需要用到SessionStorage把产品列表页的数据保存,好让用户在列表页里,
点击某个产品时,返回,能返回到之前查看的位置 。
但是,很奇怪,在产品列表页上滑两三页,点击某个产品,再返回,然后往上滑,
就会出现某个屏变灰屏。
仔细一看代码,发觉Y轴,被滑到了10000PX左右的位置 。
原来是因为,
我翻到几页后,Y轴可能是-5000,通过SessionStorage保存。
然后,再返回来时,我再往上滑动,从SessionStorage取出来的Y轴,默认是 字符串型 。
所以就变成了-5000+‘1',一下子变成50001,所以页面都消失了。
如果用JSON.parse作一下转换,终于解决了。这需要注意的问题。
2)百度寻找资料,有没出现这种情况,也没有==未能解决
3)重新设置scroll初始化数据==未能解决
至此,定位原因在,Y轴相加(应该是字符串与数值相加的问题)
4)使用JSON.parse进行转换==成功解决。
JSON.parse会把它解析为原来的对象数据类型