我在框架中有一个下拉菜单。下拉菜单部分只是隐藏了。将鼠标悬停在父元素上时,可见性设置为显示。
由于下拉菜单位于页面的可见部分,但只是隐藏,所以我可以轻松添加淡入/淡出效果。
我想做的是悬停在父元素上,而不是仅仅显示它,我希望它向下滑动。
执行此操作的最佳方法是什么?将下拉菜单设置为 0 高度,然后为其高度设置动画以产生滑动效果?有没有比 js 做得更好的 css3 动画?
我无法真正修改菜单的 html 或最初定位它的基本 css,因为它非常复杂。但想知道是否可以像我建议的那样做?
最佳答案
使用 display: none
而不是 visible: hidden
。
滑动效果可以使用slideDown
和slideUp
方法
$ul = $('#parentElement ul');
$('#parentElement').hover(
function() {
$ul.stop().slideDown("fast");
},
function() {
$ul.stop().slideUp("fast");
}
);
关于javascript - 向下滚动 html 元素 (<ul>) 就是可见性 :none,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17213630/