真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

JS如何實(shí)現(xiàn)滾動(dòng)到指定位置導(dǎo)航欄固定頂部

小編給大家分享一下JS如何實(shí)現(xiàn)滾動(dòng)到指定位置導(dǎo)航欄固定頂部,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

成都創(chuàng)新互聯(lián)公司公司2013年成立,先為陵水黎族等服務(wù)建站,陵水黎族等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為陵水黎族企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

代碼:



  
    
    js滾動(dòng)到指定位置導(dǎo)航欄固定頂部
    
       body{height: 2500px; margin: 0; padding: 0;}
      .banner{height: 250px; width: 100%; background: #e5e5e5;}
      .bignav{width: 100%; background: #000;}
      .nav{ background:#000; width: 1200px; margin: 0 auto; height: 45px;}
      .nav a{display: block; width: 200px;float: left; color: #fff; text-decoration: none; text-align: center; line-height: 45px;}
    
  
  
    
    
                    首頁         首頁         首頁         首頁         首頁         首頁       
    
    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

    

其他內(nèi)容

           window.onscroll=function(){         var topScroll =document.body.scrollTop;//滾動(dòng)的距離,距離頂部的距離         var bignav = document.getElementById("bignav");//獲取到導(dǎo)航欄id         if(topScroll > 250){ //當(dāng)滾動(dòng)距離大于250px時(shí)執(zhí)行下面的東西           bignav.style.position = 'fixed';           bignav.style.top = '0';           bignav.style.zIndex = '9999';         }else{//當(dāng)滾動(dòng)距離小于250的時(shí)候執(zhí)行下面的內(nèi)容,也就是讓導(dǎo)航欄恢復(fù)原狀           bignav.style.position = 'static';         }       }        

以上是“JS如何實(shí)現(xiàn)滾動(dòng)到指定位置導(dǎo)航欄固定頂部”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!


分享標(biāo)題:JS如何實(shí)現(xiàn)滾動(dòng)到指定位置導(dǎo)航欄固定頂部
網(wǎng)頁網(wǎng)址:http://weahome.cn/article/psosdg.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部