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

Posted 2020-11-16 _NKi

分析

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'
    })
})