gpt4 book ai didi

javascript - 如何确定下拉菜单应显示向上或向下方向

转载 作者:行者123 更新时间:2023-11-28 00:22:55 25 4
gpt4 key购买 nike

我尝试设计一个下拉组件。

到目前为止,我遇到了下拉列表太长的问题,所以我希望将其显示为向上的方向。我知道 Bootstrap 具有相同的功能,但我想自己做。有什么建议或关键字吗?

谢谢

更新:

我不使用任何库。只要引用一下Bootstrap就已经达到目的了。这些图片只是例子 downward

upward

最佳答案

这是 Bootstrap 所做的,他们正在检查下拉菜单的高度是否小于屏幕的其余部分。以下是我所做的。

let style = 'bottom';
let element = document.getElementById('myId');
if (window.innerHeight - element.getBoundingClientRect().bottom < element.scrollHeight){
style = 'top'
}

关于javascript - 如何确定下拉菜单应显示向上或向下方向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54797275/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com