防止jQuery滑下菜单下推其他列中的元素

Prevent jQuery slidedown menu from pushing down elements in other columns?

本文关键字：元素 其他 下推 jQuery 菜单 防止      更新时间：2023-09-26

我当前的响应式网站有滑动菜单。我打算这样做，以便随着窗口变宽，项目组织成列(1、2和3)。这是工作的，但是当我滑动第一列中的元素时，第一列中的元素也会下降。有时元素从一列跳转到另一列。

我只是需要一个大概的想法去做什么?菜单项是浮动的菜单本身不是

将列的位置设置为相对位置，并添加一些填充，将菜单的位置设置为绝对位置。然后你可以把你的菜单放置在列中的文本上方，当你使用slideToggle()

时，它们不会把文本往下推
.col{
    padding:20px;
    position:relative;
}
.menu{
    position:absolute;
    top:0;
}

这里有一个jsFiddle来显示它的作用

相关文章：