位置固定に設定するとDivが消えます

Question

sidemenu1のIDを持つdivがあります。positionがfixed以外の場合は表示されますが、fixedに変更すると隠されて見つからなくなります。

#sidemenu1 { 
    height: 100%; 
    width: 150px; 
    left: 10px; 
    top: 100vh; 
    background-color: aliceblue; 
    float: left; 
    position: fixed; 
    z-index: 30; 
    animation-name: sidemenuanimation; 
    animation-play-state: paused; 
    animation-fill-mode: forwards; 
    animation-duration: 4s; 
} 

ただ本体に入っていますので、コンテナはありません。私はそれが固定された側で続くことを望んでいる、私は文書の残りの部分をスクロールしながら。

Answer 1

問題はtopが有効になり、そして100vhは、ビューポートの高さの100％を意味することを、あなたはデフォルトstatic以外のposition値を設定すると、top: 100vhです。

特にposition:fixedの場合、スクロールバーもトリガーされません。

Answer 2

あなたがサンプルHTMLとCSSを提供することができれば、多分私はあなたの

Answer 3

を助けることができるようになります、あなたは何をしたいライアンこのですか？

#sidemenu1 { 
 
      height: 15px; 
 
      width: 150px; 
 
      left: 10px; 
 
      background-color: aliceblue; 
 
      float: left; 
 
      position: fixed; 
 
      z-index: 30; 
 
      animation-name: sidemenuanimation; 
 
      animation-play-state: paused; 
 
      animation-fill-mode: forwards; 
 
      animation-duration: 4s; 
 
     } 
 

 
     #fixedbox{ 
 
      height: 200px; 
 
      width: 150px; 
 
      background-color: forestgreen; 
 
      float: left; 
 
      position: fixed; 
 
      z-index: 400; 
 
      overflow:auto 
 
     }

<div id="fixedbox"> 
 
    <div id="sidemenu1">dsfasgsagsagasdg</div>  
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
     sadasdsa</br> 
 
    </div>