CSS滚动条问题

Question

我在我的网站上使用了手风琴和幻灯片。 http://www.delightbranding.com/

当您点击“播放”时。由于某种原因，滚动条出现移动页面。

我猜我缺少某些 div 的设置高度。请帮忙。

Answer 1

这似乎是个坏苹果：

<div class="control-next">

当选择“Play”项时，该 div 会扩展到 HTML 内容下方，导致页面增大。

Answer 2

从 .control-next css 类中删除高度

.control-next {
    position:absolute;
    right:0;
    top:201px;
    bottom:201px;
    /*height:432px;*/
}

Answer 3

这种情况只发生在 IE9 中（我敢打赌所有版本的 IE），并且只有当我的浏览器窗口很短时才会发生。

我倾向于在我的 html 标签中添加一条 CSS 规则，

overflow-y: scroll;

该规则始终将滚动条放置在页面上，这样较长的内容就不会导致浏览器的行为不一致。

不确定这在这种情况下是否对您有帮助，但值得一试。