我正在一个网站上工作,并具有下面的代码。我想要做的是显示一个全屏绝对定位的视频,无论浏览器当前的大小如何,然后显示它下面的内容。由于它是绝对位置div,我无法清除div,因此我需要获取该div的高度,然后将“margin-top”属性设置为视频下方内容div的高度。根据浏览器大小使用jQuery.css()属性动态清除绝对定位的div
#bgvid {
border: solid 4px blue;
position: absolute;
right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
overflow-y: hidden;
width: auto; height: auto; z-index: -1;
}
.wrap{
height: 500px;
border: solid 4px black;
}
....
....
lorem ipsum
....
....
var bgvidheight= $('#bgvid').height();
var styles = {'margin-top':bgvidheight};
$('.wrap').css(styles);
因此,这显示了#bgvid DIV下.wrap div时页面加载,但是当我调整.wrap div的位置停留在浏览器中将其放在loadand我需要以重新加载把它放在视频下的正确位置,显然是因为每次页面加载时脚本都会运行。
当某人打开手机或平板电脑上的页面时,这很好,但如果有人调整了浏览器的大小,它会看起来很扭曲,直到它们重新加载。
所以我的问题是,如果有一种方法可以不断地获得#bgvid div的高度来馈送到jQuery中?
+0
你应该'浮动:left'上的元素,只是'清晰之间进行切换:none''而明确:left' jQuery中。 –
2015-04-01 00:19:45