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

Question

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

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

Answer 1

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

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