Question

我有一个jQuery代码工作正常，但我想添加滚动条。这是我的jQuery代码，它处于工作状态

<script>
  $(function() {
    var availableTags = [
      //my options
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
  </script>

HTML代码是

<div>
  <label for="tags">Tags: </label>
  <input id="tags">
</div>

我是jQuery的新手，我花了好几个小时但却无法修复它

Answer 1

在您的<script>标记之前添加样式，并修正自动填充的高度，如果结果不符合指定的高度，则会显示滚动。

<style>
      .ui-autocomplete {
        max-height: 100px; // set whatever you want
        overflow-y: auto;
        overflow-x: hidden; //this will prevent horizontal scrollbar
      }
      * html .ui-autocomplete {
        height: 100px;
      }
      </style>

在jQuery中的自动完成中添加滚动

1 个答案: