javascript - 如何让下拉框根据浏览器高度自动选择往上或者往下展开？

Question

比如靠近浏览器底部的下拉框自动会往上展开，而下方空间够的时候就自动往下展开，我查了chosen、select2，貌似没有发现有这个功能

Answer 1

这是浏览器对<select>的处理方式决定的，你无法改变，但是你可以不用<select>，自己写一个模拟的，一般都是用模拟的，方便控制和加动画效果。

给你个例子：
https://jsfiddle.net/pqmxdogk/1/
模拟的下拉框不管放哪里，都是只会朝你定位好的方向展开
所以你就可以加上判断，当下拉框向下展开的距离不够时，让它向上展开,自己写个if判断一下是否【下拉框下面的高度<下拉菜单自身高度】 就好了- -

Answer 2

楼上的思路是对的你试试