jQuery弹出层始终垂直居中,相对于屏幕,相对于当前窗口

弹出层永远是一个前端必须搞定的东西,一般情况下,如果弹出层有固定的高和宽,用样式即可搞定,但是如果碰到没有固定高或者固定宽或者固定高和宽的时候,我们就需要用JS去处理,去动态获取当前窗口高或者宽;今天弄了2种情况,一个是相对于屏幕窗体,一个是相对于当前的窗口,看代码,或许对你有用:





无标题文档


//浏览器窗口垂直居中


//当前窗口垂直居中





我是当前窗口啊我是当前窗口啊我是当前窗口啊我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是当前窗口啊我是当前窗口啊我是当前窗口啊我是当前窗口啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口1111啊
我是弹出窗口2222啊
我是弹出窗口2222啊
我是弹出窗口2222啊
我是弹出窗口2222啊
我是弹出窗口2222啊




你可能感兴趣的:(网站常用jquery效果)