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,注释的部分打开的话会在屏幕的正中心显示,希望对你有帮助

猜你喜欢

转载自blog.csdn.net/weixin_43932097/article/details/101099397