位置固定时的macgap滚动问题

时间:2014-12-22 11:09:15

标签: css macos

我刚刚安装了MacGap2来使用简单的iframe创建我的webapp的mac版本,但似乎CSS属性'position:fixed'在滚动时会产生问题,它会上下跳跃一点点完全未使用的。有人知道如何解决这个问题吗?

正如您在下面的屏幕截图中看到的那样,当我滚动时,我的标题栏和左侧菜单最终会出现在屏幕中间,但是当我完成滚动时,我会立即抖动。

这是一个小小的视频来说明:https://www.youtube.com/watch?v=PtyC-3Uqqt8&feature=youtu.be

enter image description here

这是左侧菜单的CSS代码

enter image description here

2 个答案:

答案 0 :(得分:2)

添加:

-webkit-transform: translateZ(0);

......看看会发生什么!

编辑(根据mod的请求):webkit浏览器有一个固定元素的错误,其行为与op描述的方式相同。在固定元素上使用上面的代码很可能会解决跳跃问题。

答案 1 :(得分:0)

经过多次尝试和玩耍。并查看其他Macgap应用程序。似乎唯一的解决方案是摆脱全局滚动条并使用它自己的滚动条创建一个子div。

因此,您确保您的网站上没有溢出,并且无论您有什么内容,请使该div具有滚动条并且它可以正常工作!