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

    你可能感兴趣的文章
    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 编解码器和 Handler 调用机制
    查看>>
    Netty 编解码器详解
    查看>>
    Netty 解决TCP粘包/半包使用
    查看>>
    Netty 调用,效率这么低还用啥?
    查看>>
    Netty 高性能架构设计
    查看>>
    Netty+Protostuff实现单机压测秒级接收35万个对象实践经验分享
    查看>>
    Netty+SpringBoot+FastDFS+Html5实现聊天App详解(一)
    查看>>
    netty--helloword程序
    查看>>
    netty2---服务端和客户端
    查看>>
    【Flink】Flink 2023 Flink易用性和稳定性在Shopee的优化-视频笔记
    查看>>
    Netty5.x 和3.x、4.x的区别及注意事项(官方翻译)
    查看>>