国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

為什麼html的overflow-x:hidden會(huì)影響回傳頂部按鈕的腳本?
P粉633309801
P粉633309801 2023-08-17 12:48:44
0
1
615
<p>由於 <code>html { overflow-x: hidden; }</code>,返回頂部按鈕腳本中的 <em>vanish at top</em> 部分無法運(yùn)作。 </p> <pre class="brush:php;toolbar:false;"><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- 包含jQuery --> <button onclick="topFunction()" class="buton" id="myBtn" title="回到頂部"><i class="fa-solid fa-angle-up"></i> ; <script> let mybutton = document.getElementById("myBtn"); window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } } function topFunction() { document.body.scrollTop = 0; // 適用於 Safari document.documentElement.scrollTop = 0; // 適用於 Chrome, Firefox, IE 和 Opera } </script> </button> CSS html, body { height: 100%; scroll-behavior: smooth; position: relative; overflow-x: hidden; } body { background-color:#060606; font-family: 'Montserrat', sans-serif; color: #ffffff; margin: 0; padding: 0; } .buton { overflow-x: visible !important; } #myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; } #myBtn:hover { background-color: #333; }</pre> <p>大部分是程式碼,請(qǐng)?zhí)砑痈嗉?xì)節(jié),大部分是程式碼,請(qǐng)?zhí)砑痈嗉?xì)節(jié),大部分是程式碼,請(qǐng)?zhí)砑痈嗉?xì)節(jié),大部分是程式碼,請(qǐng)?zhí)砑痈嗉?xì)節(jié),大部分是程式碼,請(qǐng)?zhí)砑痈嗉?xì)節(jié),大部分是程式碼,請(qǐng)?zhí)砑痈嗉?xì)節(jié),大部分是程式碼,請(qǐng)?zhí)砑痈嗉?xì)節(jié),大部分是程式碼,請(qǐng)?zhí)砑痈嗉?xì)節(jié),大部分是程式碼,請(qǐng)?zhí)砑痈嗉?xì)節(jié)</p> <p>如果我在html中去除overflow-x,按鈕將會(huì)在頂部消失,但整個(gè)網(wǎng)站內(nèi)容的右側(cè)將會(huì)有空白</p>
P粉633309801
P粉633309801

全部回覆(1)
P粉329425839

你應(yīng)該嘗試覆寫那個(gè) overflow-x 樣式,並透過 id 選擇你的元素。 CSS:

#myBtn {
  overflow-x: visible !important;
}
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板