jq实现侧边栏居中

最新推荐文章于 2023-07-06 14:21:04 发布

原创最新推荐文章于 2023-07-06 14:21:04 发布 · 326 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jq实现侧边栏居中

function setDivCenter(){   
        var top = ($(window).height() - $('.zxkh').height())/2;   
        // var left = ($(window).width() - $('.zxkh').width())/2;
        var scrollTop = $(document).scrollTop(); 
        // var scrollLeft = $(document).scrollLeft();   
        $('.zxkh').css( {'top' : top + scrollTop, right : 0 } ).show();  
        // $('.zxkh').css( {'top' : top + scrollTop, right  : right + right } ).show();  
    }  
	setDivCenter();

简单实现侧边栏的随着屏幕的大小在中间显示，这里就说一点就是一定要在css里面加上position属性，但是你也可以在jq里面加，还有一点就是必须让这个侧边栏隐藏，在jq的时候在让他显示，不然的话，等到网页一加载或者ctrl+f5的时候就会出现样式有一个塌陷的情况，所以最好是是让他隐藏，应为页面加载的时候是先加载的jq，注释的部分打开的话会在屏幕的正中心显示，希望对你有帮助