[分享]css3屏蔽原生滚动处理

CSS3提供了一种屏蔽原生滚动的处理方式，将滚动条隐藏，使页面在触摸设备上更易操作。屏蔽原生滚动的方式需要添加以下CSS样式：overflow: hidden; webkitoverflowscrol...

CSS3提供了一种屏蔽原生滚动的处理方式，将滚动条隐藏，使页面在触摸设备上更易操作。

屏蔽原生滚动的方式需要添加以下CSS样式：

overflow: hidden;
-webkit-overflow-scrolling: touch; 

其中，overflow: hidden;可以使滚动条隐藏，-webkit-overflow-scrolling: touch;可以使页面在触摸设备上更流畅的滚动。

例如，我们可以给一个div添加上述样式：

<div style="height: 100px; overflow: hidden; -webkit-overflow-scrolling: touch;">
    ... content ...
</div> 

这段代码将创建一个高度为100px的div，使用CSS样式屏蔽原生滚动。

需要注意的是，这种方式仅在支持CSS3的浏览器上有效，对于不支持CSS3的浏览器，仍需要使用原生滚动。

总之，CSS3屏蔽原生滚动是一个更便捷和流畅的方式，适用于触摸设备上的页面滚动。