divのIDにhrefを使用

Question

私はa href="#1">にあるものに対応するIDを持つ特定のdivにhrefを使用しようとしています。

例として、次の3つのdivがあります。

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

私はモバイルモードでサイトを持っている場合は、HREFのは正しく対応するリスト項目にアクセスしてください。しかし、通常のデスクトップモードでは、それはしません。

ここにサイトへのリンクがあります。 https://what-is-wrong-with-this-css.herokuapp.com/

リンクは、左上隅のメニューアイコンから来るはずです。それがモバイルではなくデスクトップではなく、リスト項目に正しくどのように行くかを見てください。誰もがここで迅速な修正を知っていますか？

おかげで、

Answer 1

あなたはスクロールアップ、ページダウンしているので、携帯に取り組んでいます。デスクトップ版では、メニューのリンクではなく、左右の動きを処理するためにjavascriptを使用しています。

hrefを要素IDに使用すると、afaikをスクロールするためのものです。新しいハッシュ値に基づいてスクロールを

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

とトリガ：あなたはこの水平なセットアップのためにそれを使用したい場合は、そのようwindow.hashchangeイベントに耳を傾ける必要があります。