我们发现了一个新功能,现在你可以创建sticky
块元素了。这和 fixed 块元素一样,但不同的是, sticky
块元素是不会遮挡另一个块元素的,最好看看demo
类似的功能实现还可以使用jquery.pin(http://www.bootcss.com/p/jquery.pin/)
position: sticky;
使用硬件加速
有时,你的动画效果在客户端的计算机上会减慢,为了防止这种情况发生,你可以为特定的块元素使用加速:
.block { transform: translateZ(0); }
触摸设备上的块元素滚动
在触摸设备上,如果你有一些块元素在内部有滚动,则你不仅需要添加 overflow: scroll / auto
,还要添加:
-webkit-overflow-scrolling: touch;