博客
关于我
mui滚动条与textarea自身滚动冲突
阅读量:789 次
发布时间:2019-03-25

本文共 423 字,大约阅读时间需要 1 分钟。

为了实现页面中div区域的滚动效果后,依然保持内部文本框的滚动功能,我们可以尝试以下方法:

  • 阻止滚动事件的被捕获
    在textarea中添加touchmove事件,避免父级滚动事件对 textarea的滚动产生影响。
  • window.addEventListener('touchmove', function(e) {    var target = e.target;    if (target && target.tagName === 'TEXTAREA') {        e.stopPropagation();    }}, true);
    1. 确保MUI滚动条正常工作
      如果您遇到的问题与MUI滚动条的功能有关,可以尝试以下代码来解决问题:
    2. mui(".mui-scroll-wrapper").scroll({    indicators: true});

      请根据实际需求合理使用以上代码,确保各组件能够协调工作,并满足您的功能需求。

    转载地址:http://busuk.baihongyu.com/

    你可能感兴趣的文章
    node
    查看>>
    node exporter完整版
    查看>>
    node HelloWorld入门篇
    查看>>
    Node JS: < 一> 初识Node JS
    查看>>
    Node JS: < 二> Node JS例子解析
    查看>>
    Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime(93)解决
    查看>>
    Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime(72)
    查看>>
    Node 裁切图片的方法
    查看>>
    node+express+mysql 实现登陆注册
    查看>>
    Node+Express连接mysql实现增删改查
    查看>>
    node, nvm, npm,pnpm,以前简单的前端环境为什么越来越复杂
    查看>>
    Node-RED中Button按钮组件和TextInput文字输入组件的使用
    查看>>
    vue3+Ts 项目打包时报错 ‘reactive‘is declared but its value is never read.及解决方法
    查看>>
    Node-RED中Slider滑杆和Numeric数值输入组件的使用
    查看>>
    Node-RED中Switch开关和Dropdown选择组件的使用
    查看>>
    Node-RED中使用exec节点实现调用外部exe程序
    查看>>
    Node-RED中使用function函式节点实现数值计算(相加计算)
    查看>>
    Node-RED中使用html节点爬取HTML网页资料之爬取Node-RED的最新版本
    查看>>
    Node-RED中使用JSON数据建立web网站
    查看>>
    Node-RED中使用json节点解析JSON数据
    查看>>