我正在Firefox 40.0.3,Chrome 46.0.2490.86和Chromodo 45.6.11.383中查看同一页面(Codepen.io/OleVik/full/pjMPqJ/),并且在很大程度上取得了预期的结果:在前两个版本中,标题具有视差 - 滚动时的效果,以及切换Pure-Drawer菜单不会导致浏览器中的快照到顶部。
但是,在Chromodo中,视差效果不起作用。我通过在height: 100%;
上禁用.pure-pusher-container
- 属性来解决此问题,但是当切换菜单时(这会滚动到顶部),这会导致从上到下的效果。
这是Chromium / Chromodo如何呈现CSS的特定或已知问题,可能是什么原因?另外,对于视差效果和垂直独立的菜单切换,什么是可以想象的补救措施?
Codepen中使用的代码太长而无法在此处重现(即使示例已经简化),但它可以是edited through this link,原始HTML looks like和原始CSS like this
答案 0 :(得分:0)
经过一些更多的谷歌搜索后,它似乎是一个报告的Chromium问题,具有各种修复程序,具体取决于上下文。对于我的代码,必要的成分是将transform: translate(0,0);
添加到包装.blog-header
元素。我在Codepen article中找到了这个解决方案。