当前位置: 首页 > Web前端 > HTML

flex禁止ios微信浏览器的反弹机制

时间:2023-04-02 13:50:57 HTML

问题描述:由于微信浏览器的回弹机制,当htmlbody向下滚动时,会拉下整个页面,出现XXX提供的字样。问题复现:解决思路:将整个html或者body固定在浏览器的view和flex区域内,如果内容区域滚动,需要使用滚动插件。这里我使用了mui的滚动组件。如果使用overflow:auto,代码将不会滚动:cssstylehtml结构项目1项目2<liclass="mui-table-view-cell">项目3项目1项目2项目3项目1项目2项目3项目1项目2项目3项目1项目2项目3项目1项目2项目3

js初始化滚动组件实现效果的小缺陷是:从顶部向下滑动停留片刻会导致底部出现空白,前提是有滚动区域,在ios12.1.4测试中会出现,但不是低版本。