ios手机safari浏览器阅读页目录悬浮层卡顿加载不了的问题---已解决

qingxiao   ·   发表于 2024-4-28   ·   技术交流

@wuqing了半个月了也没见上来研究一下,只能自己研究了


查了几天,做了一堆实验,找到办法了


template/reader/wap/css/style.css 文件,搜索  .aside .chapter-tab-x

把  position: absolute;    改成  position: fixed;

添加  display: flex;

添加  will-change: transform;


改完 

top的0我改过其他东西,你们不用改,保持默认就好!


手机浏览器清除缓存和浏览记录,重新进去阅读页面,问题解决


发现有些小说目录悬浮层还是会卡会打不开,把css文件的

.aside .chapter-tab-x:not(.scrollable)

的  overflow: auto;   改成    overflow-Y: auto;  

意思是目录悬浮层的滚动条只有Y轴(右边纵向)出现,如果章节名字长度(类似  “第一卷 xxxx 第xxx章 xxx章节名” 这样)大于悬浮层宽度也不出现x轴(横向) 滚动条,而原来写法会出现x轴y轴两条滚动条,但是这样会增加大量计算 造成悬浮层卡住不能加载


改完 清除浏览器缓存,悬浮层卡住问题基本解决了

0 Reply   |  Until 2024-4-28 | 696 View
LoginCan Publish Content