我有一个下拉菜单,其中包含大量内容。如果在移动设备上使用此下拉菜单,则用户将需要在
我只是无法正确地放置它。
我正在使用 JavaScript 将
ul
中向下滚动(ul
具有 overflow:scroll
)以显示其余内容。这有点不寻常,因此我希望在可见部分的 ul
底部有一个向下箭头。我只是无法正确地放置它。
我正在使用 JavaScript 将
ul
的高度设置为永远不超过视口高度。我只是按预期在 ul
内滚动,但在某些情况下可能很难看到有更多的菜单内容。<ul>
<li>
<li>
<li>
<li>
<li>
...
<img class="moreContent-arrow"> //Should be at the bottom of the visible part of the ul
</ul>
- 具有
position:absolute
。 我尝试给箭头赋予position:absolute; bottom: 0;
,但这只会将其放置在正确的位置,直到您移动滚动条。
我一直在寻找答案,但似乎找不到任何不导致我如何将页脚定位在页面底部的搜索词。
编辑1:
尝试对图像使用position:fixed
,但我正在使用jquery的.slideToggle()打开和关闭菜单,这意味着固定的图像看起来不好,因为它会在弹出和退出视图时而不是随着其他内容一起滑入视图中。
position: fixed; bottom: 0;
吗? - Joel Almeidaheight: 100vh
而不是使用JavaScript计算高度。vh
代表视口高度。因此它将始终是视口高度的100%。如果你只想让它成为最大值,则可以使用max-height: 100vh
。 - Joel Almeida