微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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会以实验性的网页平台功能旗标重新启用。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。