多选框页面滚动

Question

我有一个大小为3的多选框，当我使用鼠标向上滚动选项滚动时，只要第一个元素位于框的顶部，页面即使鼠标指针在框内，它本身也会滚动。如果我向下滚动，也一样。

＆＃13;

＆＃13;

  <div class="form-group">
  <label >Speciality<span class="required">*</span></label>
  <p style="font-size:11px;">Hold down Ctrl (windows) / Command (Mac) and click to select multiple options  </p>
   <select style="height: auto; "class="form-control"  multiple size='3' required>
                   <option value="">None</option>
                   <option value="1">X</option>
                   <option value="2">Y</option>
                   <option value="3">z</option>
      </select>
</div>        

                            

＆＃13;

＆＃13;

＆＃13;