Question

我有一个id为sidemenu1的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，当您将position设置为默认static以外的值时，top生效，100vh表示100％视口高度。

特别是对于position:fixed，它也不会触发滚动条。

Answer 2

如果你能提供样本 html 和 css ，也许我可以帮助你

Answer 3

这就是你想要的，瑞恩？

＆＃13;

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

＆＃13;

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

＆＃13;

当设置为固定位置时，Div消失

3 个答案: