javascript - 使用 href 到 div 的 id

Question

我正在尝试使用 href 将我带到一个特定的 div，其 ID 对应于 a href="#1"> 中的内容。

例如，我有以下三个 div。

<ul>
<li id="1" class="cd-single-item cd-active">
    <div class="cd-caption two-third-width">
	    <h2>1.</h2>
		<div style="height: 100px">
		</div>
	</div>
</li>
<li id="2" class="cd-single-item cd-not-visible cd-move-right">
	<div class="cd-caption two-third-width">
	     <h2>2.</h2>
		<div style="height: 100px">
		</div>
	</div>
</li>
<li id="3" class="cd-single-item cd-not-visible cd-move-right">
	<div class="cd-caption two-third-width">
	     <h2>3.</h2>
		<div style="height: 100px">
		</div>
	</div>
</li>
</ul>

当我的网站处于移动模式时，href 会正确转到相应的列表项。然而，在普通桌面模式下，它不会。

这里有一个指向该站点的链接。 https://what-is-wrong-with-this-css.herokuapp.com/

链接应该来自左上角的菜单图标。查看它如何正确转到移动设备中的列表项而不是桌面设备中的列表项。有谁知道这里有什么快速修复方法。

谢谢，

Answer 1

它适用于移动设备，因为您需要上下滚动页面。在您的桌面版本中，您使用 javascript 来处理左/右移动，而不是菜单链接。

对元素 ID 使用 href 是为了滚动 afaik。如果您想将它用于此水平设置，则需要像这样收听 window.hashchange 事件:

window.addEventListener("hashchange", funcRef, false);

并根据新的哈希值触发滚动。