Jquery 相对位置与y轴滚动

我有这个标记

<ul style="position:relative; height: 150px; overflow-y: scroll; overflow-x: visible">
  <li style="position: absolute; left: -300px;">text content</li>
  <li style="position: absolute; left: -300px;">text content</li>
  ...
  <li style="position: absolute; left: -300px;">text content</li>
  <li style="position: absolute; left: -300px;">
    <a href="#" id="load-more">Load more</a>
  </li>
</ul>

标记来自jQueryUIAutoComplete，列表将从左向右逐个滑动。当我点击load more时，我所期望的是只显示垂直滚动条，而不是同时显示垂直和水平滚动条。此外，溢出的内容使幻灯片项目仅在区域内可见，而不在此区域外可见

---

怎么了？

overflow-x:hidden？您能提供一个JSFIDLE吗？但看到您所做的，我认为查询正在覆盖HTML CSS值。加载More时，您可以尝试使用.css方法和jquery设置所需的值。无法创建fiddle，但下面是指向web overflow的链接-x:hidden几乎可以这样做，但我需要将项目从最左侧滑动到