博客
关于我
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-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度
    查看>>
    Node-RED怎样导出导入流程为json文件
    查看>>
    Node-RED订阅MQTT主题并调试数据
    查看>>
    Node-RED通过npm安装的方式对应卸载
    查看>>
    node-request模块
    查看>>
    node-static 任意文件读取漏洞复现(CVE-2023-26111)
    查看>>
    Node.js 8 中的 util.promisify的详解
    查看>>
    node.js debug在webstrom工具
    查看>>
    Node.js GET、POST 请求是怎样的?
    查看>>
    Node.js HTTP模块详解:创建服务器、响应请求与客户端请求
    查看>>
    Node.js RESTful API如何使用?
    查看>>
    node.js url模块
    查看>>
    Node.js Web 模块的各种用法和常见场景
    查看>>
    Node.js 之 log4js 完全讲解
    查看>>
    Node.js 函数是什么样的?
    查看>>
    Node.js 函数计算如何突破启动瓶颈,优化启动速度
    查看>>
    Node.js 切近实战(七) 之Excel在线(文件&文件组)
    查看>>
    node.js 初体验
    查看>>
    Node.js 历史
    查看>>
    Node.js 在个推的微服务实践:基于容器的一站式命令行工具链
    查看>>