Question

有这样的结构

<div style="overflow-x:auto; overflow-y: hidden; width: 100%; white-space: nowrap;">
  <table>
    <tbody>
      <tr>
        <td>
          <select>
            *some options*
          </select>              
        </td>
      </tr>
    </tbody>
  </table>
</div>

当我点击时选择第一次滚动重置到最左边的位置。当我第二次点击它时它停留在当前位置。这选择由Chosen库创建，并且看起来像

<div class="chzn-container chzn-container-single chzn-container-single-nosearch" style="width: 215px;" title="">
  <a class="chzn-single" tabindex="-1">
    <span>selected option</span>
  </a>
<div class="chzn-drop"><div class="chzn-search">
  <input type="text" autocomplete="off" readonly="">
</div>
<ul class="chzn-results">
  <li class="active-result result-selected" style="" data-option-array-index="0">Option2</li>
  <li class="active-result" style="" data-option-array-index="1">Option3</li>
  <li class="active-result" style="" data-option-array-index="2">Option4</li>
</ul>
</div>
</div>

Answer 1

麻烦在选择库的.focus方法中。接近下拉方法。只需对此进行评论即可停止重置滚动

当孩子选择单击时阻止滚动

1 个答案: