居中特殊的Javascript弹出窗口,如何
Centering Special Javascript Popup, How?
我有这个javascript代码lib.js。它管理我网站上的每个java弹出窗口。尽管它并没有被设置为显示在页面的绝对中心,但我已经为它的div尝试了几个css代码。但它不起作用。我也尝试过著名的/2代码,但它不起作用,或者我可能把它添加错了地方。
下面是我的lib.js:
var currentTime=新日期();
var topP=0;
$(文档,窗口).按键(函数(e){
if (e.keyCode == 27){
$(".yekbox").fadeOut();
$("#yekbox_overlay").hide();
}
});
$(document).ready(function){
$(".showme").unbind().hover(
function(e) {
$(".tooltip").remove();
this.t = $(this).next(".description").html();
$(this).append( '<div class="tooltip">' + this.t + '</div>' );
},
function() {
//this.title = this.t;
$(".tooltip").remove();
}
).mousemove(
function(e) {
$(".tooltip").css({
"top" : e.pageY + 20,
"left" : e.pageX + 20
});
}
);
topP = $(this).scrollTop();
//$(".yekbox").css("top", $(window).height()-250 + "px");
//$(".yekbox").css("left", $(window).width()-(440*2) + "px");
$("#yekbox_overlay").css("height", $(window).height());
$(window, document).resize(function(){
topP = $(this).scrollTop();
$(".yekbox").css("marginTop", topP-250 + "px");
if ($(window).width() > 900 ) $(".yekbox").css("left", $(window).width()-(440*2) + "px");
$(".yekbox").css("marginLeft", "auto");
$(".yekbox").css("marginRight", "auto");
$("#yekbox_overlay").css("height", $(window).height());
});
$(window).scroll(function () {
topP = $(this).scrollTop();
$(".yekbox:visible").css("marginTop", topP-250 + "px");
$("#yekbox_overlay:visible").css("height", $(window).height());
});
$(window).bind("scroll",function () {
topP = $(this).scrollTop();
$(".yekbox:visible").css("marginTop", topP-250 + "px");
$("#yekbox_overlay:visible").css("height", $(window).height());
});
$("#yekbox_overlay").click(function(){
$(".yekbox").fadeOut();
$(this).hide();
return false;
});
上面的JS和HTML代码没有任何帮助。
一般来说,如果你想让一个块以父块为中心,它应该有
- 固定宽度
margin: auto
如果你想要一个块绝对居中(位置绝对或固定)
$('#mypopup').css('left', ($(window).width() - $('#mypopup').width()) / 2)
相关文章:
- 如何在选项卡上定义属性'的主窗口对象
- 父窗口如何打开2个子窗口(“childA”和“childB”),然后让childA更新childB中的内容
- 会话超时弹出窗口 - 如何将javascript放入php中
- PayPal付款窗口弹出窗口 - 如何将数据发送回主窗口
- 子框架将打开一个弹出窗口.如何检查该弹出窗口是否从父级打开
- Twitter 引导弹出窗口 :如何在不使用正文/文档事件处理程序的情况下在外面单击时隐藏它
- 脚本抛出不需要的确认窗口.如何删除
- Chrome扩展:浏览器操作弹出窗口如何与活动选项卡通信
- 模态窗口 - 如何覆盖所有屏幕
- 放大弹出窗口:如何禁用在某些项目上打开弹出窗口
- 窗口.onbeforeunload:是否有可能获得有关窗口如何卸载的任何细节
- 谷歌地图个人标记信息窗口-如何
- Rails 4模态窗口(弹出窗口):如何防止在选择下拉项时接近
- Javascript Post on Form Submit打开一个新窗口——如何找到URl
- 标志窗口如何触发
- 一个弹出窗口如何改变其父跨域的页面位置?
- Facebook连接墙张贴只作为弹出窗口.如何改变这一点
- 一个弹出窗口如何关闭自己?
- 对话框窗口如何修改父窗口中的JS
- 模态窗口:如何为每个模态设置不同的内容