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

為什么html的overflow-x:hidden會(huì)影響返回頂部按鈕的腳本?
P粉633309801
P粉633309801 2023-08-17 12:48:44
0
1
613
<p>由于 <code>html { overflow-x: hidden; }</code>,返回頂部按鈕腳本中的 <em>vanish at top</em> 部分無法工作。</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>大部分是代碼,請?zhí)砑痈嗉?xì)節(jié),大部分是代碼,請?zhí)砑痈嗉?xì)節(jié),大部分是代碼,請?zhí)砑痈嗉?xì)節(jié),大部分是代碼,請?zhí)砑痈嗉?xì)節(jié),大部分是代碼,請?zhí)砑痈嗉?xì)節(jié),大部分是代碼,請?zhí)砑痈嗉?xì)節(jié),大部分是代碼,請?zhí)砑痈嗉?xì)節(jié),大部分是代碼,請?zhí)砑痈嗉?xì)節(jié),大部分是代碼,請?zhí)砑痈嗉?xì)節(jié)</p> <p>如果我在html中去掉overflow-x,按鈕將會(huì)在頂部消失,但整個(gè)網(wǎng)站內(nèi)容的右側(cè)將會(huì)有空白</p>
P粉633309801
P粉633309801

全部回復(fù)(1)
P粉329425839

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

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