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

前端之家收集整理的这篇文章主要介绍了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会以实验性的网页平台功能旗标重新启用。

猜你在找的CSS相关文章