其他分享
首页 > 其他分享> > iOS用contenteditable滚动时,光标不会刷新定位的处理方法

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

作者:互联网

分析

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

标签:node,style,滚动,iOS,boxShadow,contenteditable,监听,光标
来源: https://www.cnblogs.com/NKnife/p/11698289.html