com_cn
com_cn
  • 发布:2016-11-22 10:17
  • 更新:2016-11-22 14:16
  • 阅读:1428

(性能)选项卡切换+下拉刷新,是div滚动还是body滚动?

分类:MUI

双webview下拉刷新是body滚动,但选项卡切换+下拉刷新是div滚动还是body滚动?
另外 http://ask.dcloud.net.cn/article/26 这里提到可以设置body或者div滚动?怎么设置为body滚动?

2016-11-22 10:17 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

提升HTML5的性能体验系列之二 列表流畅滑动中有做说明:
想要解决这个问题其实也不难,既然div的滚动条卡,而浏览器body的整体滚动条不卡,那就把屏幕切分成2个webview,把titlebar的HTML装载到一个webview里,list页面是另一个webview,list页面直接使用浏览器的滚动条而不是div滚动条,这样就可以得到一个流畅的列表滑动体验。

参考创建子页面以及plus.webview相关API。

  • com_cn (作者)

    谢谢回复,那意思是MUI的Demo里面“选项卡切换+下拉刷新“是div滚动是吗?


    2016-11-22 10:41

com_cn

com_cn (作者)

回复 DCloud_客服_Trust 谢谢回复,那意思是MUI的Demo里面“选项卡切换 下拉刷新“是div滚动是吗?

  • Trust

    是的,默认实现的例子是body,也就是双webview的。


    2016-11-22 10:52

  • com_cn (作者)

    回复 Trust:谢谢,虽然我要做选项卡切换,但为了性能我还是舍弃吧,采用双webview吧


    2016-11-22 11:04

chender

chender - 与人为善

不一定要用双webview吧,比如吧titlebar弄成fixed,然后body的padding-top等于titlebar的高度,是不是也可以

  • com_cn (作者)

    应该也行,总之带选项卡切换的用不了了是个大麻烦,要是用户一直向下翻页,数据量一大就完了


    2016-11-22 14:24

该问题目前已经被锁定, 无法添加新回复