分类
WEB++技术

手持设备添加滚动条

如果页面内的某个层需要滚动条的话,PC端仅需:overflow-y:scroll;

iOS需要增加属性:

-webkit-overflow-scrolling:touch;

这样才有顺畅的滚动效果,不然手势操作会很卡。
但这时会有另外一个问题:页面只会显示当前一屏,向下滑动是空白的。

-webkit-transform:translate(0px);
或者:-webkit-transform:translate3d(0,0,0);

这个属性是开启了transform的3D功能,传统的2D(x轴和y轴)有某些动画效果中没有3D流畅,有Mac机的同学可以测试,Windows系统测试不出这个流畅的效果来

4.0+的Chrome支持,3.0+的滚动效果不流畅。

unicac

...long long ago,he have a dream.

发表评论

邮箱地址不会被公开。 必填项已用*标注