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

    你可能感兴趣的文章
    npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
    查看>>
    NPOI利用多任务模式分批写入多个Excel
    查看>>
    NR,NF,FNR
    查看>>
    nrf开发笔记一开发软件
    查看>>
    NSDateFormatter的替代方法
    查看>>
    nsis 安装脚本示例(转)
    查看>>
    NSOperation基本操作
    查看>>
    NSSet集合 无序的 不能重复的
    查看>>
    NT AUTHORITY\NETWORK SERVICE 权限问题
    查看>>
    NT symbols are incorrect, please fix symbols
    查看>>
    ntko web firefox跨浏览器插件_深度比较:2019年6个最好的跨浏览器测试工具
    查看>>
    ntko文件存取错误_苹果推送 macOS 10.15.4:iCloud 云盘文件夹共享终于来了
    查看>>
    Nuget~管理自己的包包
    查看>>
    nullnullHuge Pages
    查看>>
    NumPy 或 Pandas:将数组类型保持为整数,同时具有 NaN 值
    查看>>
    numpy 用法
    查看>>
    Numpy如何使用np.umprod重写range函数中i的python
    查看>>
    oauth2-shiro 添加 redis 实现版本
    查看>>
    OAuth2.0_JWT令牌-生成令牌和校验令牌_Spring Security OAuth2.0认证授权---springcloud工作笔记148
    查看>>
    OAuth2.0_JWT令牌介绍_Spring Security OAuth2.0认证授权---springcloud工作笔记147
    查看>>