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

我为网站上的菜单创建了过渡效果。当我将鼠标悬停在元素上时，它不会显示我想要查看的内容。相反，滚动条出现。这意味着过渡效果在这个菜单上工作，但是页面不会显示菜单内容。我的菜单位于页面的底部。请参阅下面的我的代码。谢谢CSS3过渡显示滚动条而不是标签的内容

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

2013-06-04 Chathuraka

请在网站上显示完整源代码（包括HTML）的示例，或者在jsfiddle.net上显示更好的例子 –

Works fine [in this jsfiddle]（http://jsfiddle.net/h6wm2/） – Stasel

代码似乎很好。你不需要隐藏溢出。

.change_height { 
background:blue; 
height: 20px; 
transition: height 3s; 
} 
.change_height:hover{ 
height: 198px; 
}

你能否提供更多。

2013-06-04 05:14:02 hyperdrive

我的菜单位于页面的底部。当我将鼠标悬停在标签上时，我需要菜单来自下方。简单地说整个页面应该显示底部的菜单。我试图通过使用css3过渡来增加高度来实现。但它没有发生。滚动条上升而不是我需要看到的。谢谢 – Chathuraka

这是你要找的吗？请张贴代码。 http://jsfiddle.net/y55sz/2/ – hyperdrive

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

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

2013-06-04 12:22:38 TomCollinson

回答