花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

div隨頁面滾動(dòng) 位置固定問題js代碼discuz教程

時(shí)間: 2019-05-29 11:11 閱讀: 作者:素材無憂網(wǎng)

div隨頁面滾動(dòng)  位置固定,但是當(dāng)碰到下方一個(gè)div塊后結(jié)束固定,請(qǐng)教老大解決,下面是js代碼,我試了下,固定的div會(huì)穿過下方的div,不好看.

<script type="text/javascript">
    window.onload=
        function(){
            var oDiv = document.getElementById("fixPara"),
                H = 0,
                Y = oDiv        
            while (Y) {
                H += Y.offsetTop; 
                Y = Y.offsetParent;
            }
            window.onscroll = function()
            {
                var s = document.body.scrollTop || document.documentElement.scrollTop
                if(s>H) {
                    oDiv.style = "position:fixed;top:60px;left: 963px;"
                } else {
                    oDiv.style = "position:static;"
                }
            }
        }
</script>


版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!

轉(zhuǎn)載請(qǐng)注明: div隨頁面滾動(dòng) 位置固定問題js代碼discuz教程

標(biāo)簽:  
相關(guān)文章
模板推薦