【发布时间】:2018-07-21 22:34:08
【问题描述】:
我的网站上的 chrome 设计再次出现问题。滚动时不会丢失 fps 和页面滞后。我花了很多圈才找到问题的真正罪魁祸首是属性background-attachment: fixed;。
我试图用这个页面的解决方案来解决,但对我没有用。
我想使用background-attachment: fixed; 并且没有延迟,有什么解决办法吗?
CSS:
body {
margin: 0 auto;
background-image: url(imagen/fondo.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: top center;
}
【问题讨论】:
-
唯一对我有用的解决方案是这个插件github.com/simov/simplr-smoothscroll。我认为您必须更改(控制)
-webkit-浏览器上的滚动来修复视差跳跃。但如果有其他解决方案,我想听听。 -
很遗憾,世界上最常用的浏览器在设计问题上有这么多问题。你减去 Libet。它也发生在阴影中。 Firefox 在这方面没有任何问题,Edge 和 IE10 也一样。
-
stephenfry.com这里留个web 有后台和同样的卡顿问题
-
我对此进行了斗争,发现 chrome 不允许小数边距(用于视差滚动),但默认为 1 单位。这就是为什么背景附件固定如此糟糕的部分原因。
标签: css google-chrome background lag