在做一个微信的功能,同一个HTML上有Record页面(列出一些记录)和Detail页面(记录的详细内容),一开始用户查看Record页面(记录有时比较多,会出现滚动条),然后点击其中一条记录,就会隐藏Record页面显示Detail页面,这个过程还用了hash去控制两个页面,其实就是怕用户在Detail页面里进行“返回”操作时会退出整个页面。因为用了hash,所以用户进行“返回”操作就会显示Record页面隐藏Detail页面。
现在有个问题,就是在进入Detail页面前,我用var scrollTop=$(window).scrollTop();保存了用户进入Detail页面前的位置,当用户进行“返回”操作后,我就设置$(window).scrollTop(scrollTop); 保证用户返回后还是在原来的位置。
因为设置滚动条位置$(window).scrollTop(scrollTop); 需要先把Record页面show()出来才能设置,所以在手机上看的时候会像闪烁了一下的样子,比较难看,试了比较多方法都不行,各位前辈有什么好建议吗?
提供一种思路:
全选复制放进笔记
首先,要确定是单纯show()出现了闪烁还是因为设置滚动条位置scrollTop()才闪烁;
其次,如果是因为设置滚动条位置scrollTop()才闪烁,你可以考虑Record页面不隐藏而是重叠在Detail页面下,先设置滚动条位置scrollTop()回到纪录位置后,再隐藏Detail页面,就会凸显Record页面了。
*这只是想到的思路需要你试试哈
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。