CSS3 transition显示滚动条而不是标记的内容

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

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

---

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

---

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

请在网站上或类似jsfiddle.netWorks的网站上展示完整源代码（包括HTML）的示例