javascript - 我有一个无序列表，我想滚动到可点击的元素

Question

此列表在移动 View 中是水平的 - 使用 display:inline-block 及其可滚动。

<ul>
  <li>Home<li>
  <li>Accounts<li>
  <li>Contact US<li>
  <li>About us</li>
  <li>Last button</li>
</ul>

您看不到最后一个按钮，因为您需要滚动到它，我想要发生的是当您单击“关于我们”时它会滚动到它的位置，然后您将看到“最后一个按钮”
基本上在 X 轴上滚动到单击的元素。

Answer 1

您可以使用 anchor 来“聚焦”div。即:

<ul id="ulList">
  <li>Home<li>
  <li>Accounts<li>
  <li>Contact US<li>
  <li id="about">About us</li>
  <li>Last button</li>
</ul>

然后使用以下 javascript:

location.href = "#";
location.href = "#about";

如果需要，您可以使用库检查 jQuery.ScrollTo ,

编辑:

var about= document.getElementById('about');
var top = about.offsetTop;

// Now we tell the div to scroll to that position using scrollTop:
document.getElementById('ulList').scrollTop = top;