A+
mui滚动条与textarea自身滚动冲突
标签: mui 最后编辑:2020年6月5日
前言:用了MUI的滚动条之后页面中的div区域实现了滚动效果,但是div区域内的文本框如果输入多行内容则无法滚动,原因有可能是被父级div的滚动效果覆盖了,这就是滚动事件冒泡了,我们需要阻止冒泡事件即可。
解决方法:
window.addEventListener('touchmove', function(e) { var target = e.target; if (target && target.tagName === 'TEXTAREA') {//textarea阻止冒泡 e.stopPropagation(); } }, true);
如果是mui滚动条无法滚动,则加下面代码
mui(".mui-scroll-wrapper").scroll({ indicators: true,//是否显示滚动条,默认是true });
通过以上方法步骤我们就能够解决在mui中滚动条冒泡事件的方法,很多人遇到这个问题之后不知道要怎么解决,那么就可以使用以上教程中的方法来操作了,如果有帮助到你,请持续关注我们。
说:来学习一下,应该用得上