本文主要是介绍css-transform对position:fixed影响,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在betterScroll尝试使用position:fixed固定首列,然而并不能实现固定。因为 bscroll / iscroll 是基于 transform 属性实现滚动的, 所以 iscroll 会通过实时修改元素的 transform 属性以达到滚动的效果。父元素如果存在 transform 属性,子元素的 position: fixed 属性无效。betterScroll有个 useTransition配置项,设置为true使用 CSS3 transition 动画。 false的话则使用 requestAnimationFrame 做动画。这样就可以使用fixed固定,但是使用requestAnimationFrame 滑动不如使用transform流畅。
参考资料
这篇关于css-transform对position:fixed影响的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!