Question

我试图使用href将我带到一个特定的div，其id与a href="#1">中的内容相对应。

作为一个例子，我有以下三个div。

＆＃13;

<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>

＆＃13;

当我将网站置于移动模式时，href正确转到相应的列表项。但在普通桌面模式下，它并不是。

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

链接应该来自左上角的菜单图标。了解它如何正确转到移动设备中的列表项但不在桌面设备中。有谁知道这里的任何快速修复。

谢谢，

Answer 1

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

使用href到元素ID是为了滚动afaik。如果你想将它用于这个水平设置，你需要像这样监听window.hashchange事件：

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

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

使用href到div的id

1 个答案: