overflow-y:scroll;页面中部分元素可滚动

Posted 2023-05-17

参考技术A 昨天接到这样一个需求 要求红色的部分可以滚动。

如果使用js touchstar touchmove touchend很显然太麻烦，所以就想到了之前的显示滚动条。

那如何使红色部分可以滚动呢？

为什么要设置高度呢？不设置高度它就可以把父级撑开达不到展示滚动条的效果了。

这样简单又实际的滚动就可以了。

关于overflow-y:scroll ios设备不流畅的问题

最近做双创项目的时候因为页面有很多数据显示，所以打算让它Y轴方向滚动条的形式展现，但在测试阶段发现IOS设备滑动效果非常不理想；

 

 

search by google之后找到解决办法：

 

-webkit-overflow-scrolling: touch;

 

网友解释该属性启动了硬件加速的特性，所以滑动起来会非常流畅；不过会影响性能；经过测试，性能影响忽略不计。