Question

我有一个select2 selectbox，它从php收集数据并将它们变成select2 selectbox的选项。这里的问题是，出于某些奇怪的原因，它不会让我向下滚动选项列表。我们有一个前端开发人员，他设计了所有内容并将select2 selectbox插入到模式中。尝试在选择框内滚动时。这就是我得到的：

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>

Answer 1

只需在select2.css中将max-height设置为您想要的长度即可。喜欢

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

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

1 个答案: