223
文章
5
说说
65
评论
113829
访问

个人博客网站:prettywordpress.com(吃饭用大碗的程序猿)

最新评论
qq_avatar
1月前,”ヘル”在《码农=新生代农民工》
说:打卡@[huaixiao]
qq_avatar
2月前,”肋巴骨”在《Win10系统桌面一直闪屏自动刷新怎么办》
说:不错啊,这是谁写的教程,真棒
qq_avatar
3月前,”逗小沫”在《2021最新PhpStorm+wamp+Xdebug调试wordpress》
说:大佬不考虑加个灯箱吗,图片不能放大
qq_avatar
3月前,”逗小沫”在《2021最新PhpStorm+wamp+Xdebug调试wordpress》
说:pjax失效咋办,F12显示已取消
qq_avatar
3月前,”热爱”在《2021最新PhpStorm+wamp+Xdebug调试wordpress》
说:测试Markdown语法加表情 OωO@(暗地观察)@[哈哈]@[ganga]
A+

mui滚动条与textarea自身滚动冲突

标签: 最后编辑: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中滚动条冒泡事件的方法,很多人遇到这个问题之后不知道要怎么解决,那么就可以使用以上教程中的方法来操作了,如果有帮助到你,请持续关注我们。

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

发表一下你的评论呗

回复评论代表你同意网站的 隐私政策

... 友情提示 请保留版权标识
复制成功!
目录