CSS滚动条问题

Question

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

单击“播放”。出于某种原因，滚动条似乎会移动页面。

猜猜我错过了设置一些div的高度。请帮忙。

Answer 1

这个似乎是坏苹果：

<div class="control-next">

选择“播放”项时，此div会扩展到HTML内容下方，从而导致页面增长。

Answer 2

从.control-next css类

中删除高度

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

Answer 3

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

我倾向于将CSS规则添加到我的

的html标签中

overflow-y: scroll;

将页面上的滚动条始终放在哪一位，以便较长的内容不会使浏览器的行为不一致。

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