溢出滚动从列表底部开始,而不是顶部?

时间:2017-11-23 10:30:12

标签: jquery html css drop-down-menu selectboxit

我正在使用SelectBoxIt来设置样式是选择列表。我们有长列表需要可滚动,我已经按照“长列表”的说明,通过向容器添加最大高度。但是,当您单击下拉列表时,列表从底部而不是顶部开始?

单击选择时,如何强制列表从顶部开始?

这是指向网站https://preto.wpengine.com

的链接

如果向下滚动页面以预订表格并单击位置或否。人们选择你会看到他们打开并从底部开始向上滚动列表而不是向下滚动。

1 个答案:

答案 0 :(得分:0)

问题是您的选择选项字段自然地在选择字段上方打开,因为它们有空间去那样。 SelectBoxIt必须使用它来生成元素的方向。如果您打开控制台并单击<section id="book-a-table"></section>并将节点向上拖动到页面上方(标题上方),您将能够看到它正常工作。这是因为选项现在有空间向下打开。

不幸的是,根据我的阅读,没有好办法强制选择字段打开的方向适用于所有浏览器,如您所见here.

所以我建议的是尝试一些解决方法。尝试向g-form-wrapper等选择字段的父级添加较大的高度。大到足以让它们下降。然后向该元素book-a-table的父级添加一个较小的高度,并将其溢出设置为隐藏以进行补偿。

希望它有所帮助!