如何在页面加载时保持垂直/水平滚动条不闪烁? (视窗)

时间:2015-09-03 18:42:43

标签: html css

我正在构建一个具有自定义滚动的网站,因此,我想隐藏默认滚动条。我使用以下CSS来完成此任务:

html, body {
    overflow: hidden;
}

这似乎有效,但我遇到的问题是滚动条闪烁然后在页面加载时消失。这似乎发生在Windows上的所有浏览器中。知道为什么会这样吗?

Angular也在项目中使用。

1 个答案:

答案 0 :(得分:0)

我找到了问题的答案:

我有一个Angular注入的过渡包装器。此转换包装器具有默认的overflow值,因此将显示滚动条。滚动条闪烁,因为转换仅播放.5秒,然后将离开DOM。将以下行添加到我的代码中使其工作:

[ui-view].wrapper {
    &.ng-enter,
    &.ng-leave {
        overflow: hidden;
    }
}