时间戳

首页 > 解决方案 > Select2 不允许我滚动查看其余选项

javascript - Select2 不允许我滚动查看其余选项

问题描述

我有一个 select2 选择框，它从 php 收集数据并将它们转换为 select2 选择框的选项。这里的问题是它不会让我出于某种奇怪的原因向下滚动选项列表。我们有一个前端开发人员，他设计了所有东西并将 select2 选择框插入到模态中。当试图在选择框内滚动时..这就是我得到的：

https://gyazo.com/21ad4aad44eb67c21419d93dba5fbe6b

我尝试使用文档来找到解决方案，甚至尝试禁用整个正文和 html 上的滚动。这些都不起作用。即使身体没有启用滚动，该选项仍然不允许我滚动......

<div class="items">
    <div class="label"><?php _e('Company', 'layback'); ?></div>
    <div class="inputs">
        <select class="select2 task--new-company">
        <option value="0"><?php echo __('Please select...', 'layback'); ?></option>
            <?php
            $aCompanyARGS = array(
            'post_type' => 'company',
            'post_status'=> 'publish',
            'posts_per_page'=> -1,
            );
            $aCompanyQuery = new WP_Query($aCompanyARGS);
            $aCompanyPost = $aCompanyQuery->posts;
            foreach($aCompanyPost as $iCompanyKey => $oCompany)
            {
            ?>
            <option value="<?php echo $oCompany->ID; ?>"><?php echo $oCompany->post_title; ?></option>
            <?php
            }
            ?>
        </select>
    </div>
</div>

标签： javascriptjqueryselectjquery-select2

解决方案

只需在 select2.css 中将 max-height 指定为您想要的长度。喜欢

<style>
max-height:200px;
overflow-y:scroll;
</style>

推荐阅读