iOS用contenteditable滚动时，光标不会刷新定位的处理方法

标签：select   事件   tor   event   animation   tab   web   shadow   优化   

分析

iOS的 wkwebview 在滚动时会暂停许多动画，作为优化

解决思路

监听滚动事件，利用文档重绘即可刷新动画
ps：因为滚动有惯性，touchmove事件只能监听到手指松开的那一刻，所以只能监听滚动事件

解决方法

// html
<div class="refresher"></div>

// js
const node = document.querySelector('.refresher')
domNode.addEventListener('scroll', e => {
    requestAnimationFrame(() => {
        node.style.boxShadow = node.style.boxShadow ? '' : 'rgba(0,0,0,0) 0 0 0'
    })
})  

iOS用contenteditable滚动时，光标不会刷新定位的处理方法

标签：select   事件   tor   event   animation   tab   web   shadow   优化   

原文地址：https://www.cnblogs.com/NKnife/p/11698289.html