开发者社区> 问答> 正文

手机微信使用scrollTop会闪烁?

在做一个微信的功能,同一个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()出来才能设置,所以在手机上看的时候会像闪烁了一下的样子,比较难看,试了比较多方法都不行,各位前辈有什么好建议吗?

展开
收起
杨冬芳 2016-06-21 16:35:09 1614 0
1 条回答
写回答
取消 提交回答
  • IT从业

    提供一种思路:
    全选复制放进笔记
    首先,要确定是单纯show()出现了闪烁还是因为设置滚动条位置scrollTop()才闪烁;
    其次,如果是因为设置滚动条位置scrollTop()才闪烁,你可以考虑Record页面不隐藏而是重叠在Detail页面下,先设置滚动条位置scrollTop()回到纪录位置后,再隐藏Detail页面,就会凸显Record页面了。

    *这只是想到的思路需要你试试哈

    2019-07-17 19:45:06
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
微信广告引擎与播放节奏算法实践 立即下载
360手机卫士 插件化漫谈 立即下载
360手机卫士插件化漫谈 立即下载