css – 为什么不定位:在Chrome中粘性工作?

你如何获得位置:粘性工作?

我在Chrome 26.0.1410.43 m尝试以下操作,它不工作:

thead {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 10px;
}

http://jsfiddle.net/8LRms/

根据这个,它应该工作:

http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

它似乎在Chrome 23.0.1247.0中支持,但现在它不工作在26.0.1410.43 m。

解决方法

编辑:您需要通过about:flags启用–enable-experimental-webkit-features标志。

更新:这项功能无法在Chrome v35版本通过v51使用,Chrome 52会以实验性的网页平台功能旗标重新启用。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效