CSS3的过渡显示滚动条而不是标签的内容

Question

我为一个网站上的菜单创建了一个过渡效果。当我将鼠标悬停在元素上时，它不会显示我想要看到的内容。取而代之的是滚动条。这意味着过渡效果在这个菜单上工作，但页面没有上升显示菜单内容。我的菜单在页面的底部。请参阅下面我的代码。由于

 .change_height { 
overflow:hidden;
height: 20px; 
transition: height 3s;
}
.change_height:hover
{ height: 198px;  }

Answer 1

单独使用

CSS，即使使用动画也不会导致浏览器自动滚动。你需要使用在悬停时触发的JavaScript。

从可用性的角度来看，我想知道为什么你想让菜单出现在那个位置?如果触发它的元素总是在页面的底部，为什么不让它向上移动呢?