首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    记录:关于苹果端IOS系统webkit-overflow-scrolling-touch不显示元素的兼容性问题

    项目中给某个带滚动条的元素添加了 overflow:scroll以及 -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch...;MDN定义 -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。...这个问题很早就存在,现在也一直存在,而且 Android 之所以不存在这个现象,是因为 Android 压根不支持 -webkit-overflow-scrolling: touch; 这个属性,而 ios...存在问题,恰恰是因为 ios 支持了这个属性,但是它处理的机制是: 如果一个元素同时存在 -webkit-overflow-scrolling: touch; 和 overflow:scroll属性,...解决办法:只需要在公共样式加入下面这行代码 *{ -webkit-overflow-scrolling: touch; } 但是这种方法,如果元素过多过杂的情况下,可能会出现一些其他兼容性问题,目前没有找到更好的解决办法

    1.8K20

    【原理篇】WebView 实现嵌套滑动,丝滑般实现吸顶效果,完美兼容 X5 webview

    对于一个 ACTION_MOVE 动作 scrolling child 在滑动之前,会通过 NestedScrollingChildHelper 查找是否有响应的 scrolling parent,如果有的话...,会先询问scrolling parent 是否需要先于scrolling child 滑动,如果需要的话,scrolling parent 进行相应的滑动,并消费一定的距离; 接着scrolling...child 进行相应的滑动,并消耗一定的距离值 dx,dy scrolling child 滑动完之后,询问scrolling parent 是否还需要继续进行滑动,需要的话,进行相应的处理。...滑动结束之后,Scrolling child 会停止滑动,并通过 NestedScrollingChildHelper 通知相应的 Scrolling Parent 停止滑动。...int scrolledByMe = getScrollY() - oldScrollY; unconsumed -= scrolledByMe; // Nested Scrolling

    1.5K10
    领券