Heim >Web-Frontend >js-Tutorial >基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)_jquery

基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)_jquery

WBOY
WBOYOriginal
2016-05-16 18:01:351186Durchsuche

原理很简单:
获取当前屏幕(窗体)的宽度和高度,因为不同浏览器的窗体大小是不一样的。有了这个,可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢?这个时候就要获取当前窗体距离页面顶部的高度,加到刚刚的y轴坐标即可。
$(document)是获取整个网页的,$(window)是获取当前窗体的,这个要搞清楚。
最后把获取的坐标赋给窗体即可,窗体本身是绝对定位的,所以自然可以到窗体中间。
具体代码:

复制代码 代码如下:





弹出确认框始终位于窗口的中间位置的测试






弹出确认框始终位于窗口的中间位置的测试



确定要删除吗?







Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn