顯示DIV

Question

.container{ 
 
    height: 700px; 
 
    width:100%; 
 
} 
 
.need-help-qu { 
 
    background-color:#042E49; 
 
    color:#ffffff; 
 
    padding:0px 10px; 
 
    font-size: 20px; 
 
    transition: all 0.4s ease-in-out; 
 
    -webkit-transition: all .8s ease; 
 
    -moz-transition: all .8s ease; 
 
    -ms-transition: all .8s ease; 
 
    -o-transition: all .8s ease; 
 
    transition: all .8s ease; 
 
    float:left; 
 
    height:28px; 
 
} 
 
.need-help { 
 
    float:left; 
 
    background-color:#06507D; 
 
    color:#ffffff; 
 
    padding:5px 10px; 
 
    overflow: hidden; 
 
} 
 
.need-help-full { 
 
    right:-95px; 
 
    position:fixed; 
 
    top:40%; 
 
    transition: all 0.4s ease-in-out; 
 
    -webkit-transition: all .8s ease; 
 
    -moz-transition: all .8s ease; 
 
    -ms-transition: all .8s ease; 
 
    -o-transition: all .8s ease; 
 
    transition: all .8s ease; 
 
} 
 
.need-help-full:hover { 
 
    right:0; 
 
}

<div class"container"> 
 
    Test sscroll 
 
</div> 
 
<div class="need-help-full"> 
 
    <a href="#"> 
 
    <span class="need-help-qu p-n-b">?</span> 
 
    <span class="need-help text-sm p-n-r">NEED A HELP</span> 
 
    </a> 
 
</div>

我有一個DIV的文本和 '？'在固定位置標記右側中心。當用戶懸停在'？'上時簽署div從右到左出現轉換（如社交圖標）。它工作完美。

但是，當滾動條進入小屏幕時，整個div來滾動條，而不是靠近滾動條。

任何人都可以幫助我嗎？ 在此先感謝。

Answer 1

只需添加

.need-help-full { 
    z-index:-1; 
}