將href用作div的ID

Question

我正在嘗試使用href將我帶到具有與a href="#1">對應的id的特定div。

例如，我有以下三個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);

並基於新的哈希值觸發滾動。