我有一个用于dropup菜单的vue组件，我试着把它留在视区的底部。 我怎么做这个，这是粘在页面底部，而不是视口。
<b-dropdown id="dropdown-dropup" dropup text="Drop-Up" variant="primary" class="m-2 mobile-menu">
<b-dropdown-item href="#">
Home
</b-dropdown-item>
<b-dropdown-item href="#">
Privacy and data
</b-dropdown-item>
<b-dropdown-item href="#">
Terms of use
</b-dropdown-item>
</b-dropdown>
CSS
.mobile-menu {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}
我想让这个永远出现在视野中
试试这个！
.mobile-menu {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 3;
}
