博客
关于我
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/

    你可能感兴趣的文章
    NetScaler MPX Gateway Configuration
    查看>>
    NetScaler的常用配置
    查看>>
    netsh advfirewall
    查看>>
    NETSH WINSOCK RESET这条命令的含义和作用?
    查看>>
    netstat kill
    查看>>
    netstat命令用法详解
    查看>>
    Netstat端口占用情况
    查看>>
    Netty 4的内存管理:sun.misc.Unsafe
    查看>>
    Netty channelRegistered\ChannelActive---源码分析
    查看>>
    Netty NIO transport && OIO transport
    查看>>
    netty php,netty
    查看>>
    Netty WebSocket客户端
    查看>>
    netty 主要组件+黏包半包+rpc框架+源码透析
    查看>>
    Vue过渡 & 动画---vue工作笔记0014
    查看>>
    Netty 异步任务调度与异步线程池
    查看>>
    Netty 的 Handler 链调用机制
    查看>>
    Netty 编解码器详解
    查看>>
    Netty 解决TCP粘包/半包使用
    查看>>
    Netty 调用,效率这么低还用啥?
    查看>>
    Netty+Protostuff实现单机压测秒级接收35万个对象实践经验分享
    查看>>