前端：側(cè)邊固定導(dǎo)航欄jQuery實(shí)現(xiàn)定位
發(fā)布時(shí)間：2021-11-23 點(diǎn)擊數(shù)：595
具體計(jì)算為：
top = (瀏覽器高 - 元素的高) / 2 left = 瀏覽器寬 / 2 + 需要向右邊移動(dòng)的距離
代碼示例
<!--css開(kāi)始--> <style> .site-nav{ width: 100px; } .hide{ display: none; } </style> <!--底部js開(kāi)始--> <script> //將導(dǎo)航條固定在中間 $(document).ready(function(){ var nav = $(".site-nav"); //.site-nav為導(dǎo)航欄類(lèi) nav.css("position", "fixed"); nav.removeClass("hide"); //hide是單獨(dú)寫(xiě)的隱藏類(lèi) //計(jì)算位置 var h = ($(window).height()-nav.height())/2 ; var w = $(window).width()/2 + 390; //數(shù)字可以視情況調(diào)整 nav.css("left", w); nav.css("top", h); }) </script>