不知道我说的够不够具体,
但我创建了一个灯箱样式的淡入淡出背景,但在我看来背景不会到达页面的最底部。所以当我滚动时,白色背景再次出现。
这是演示: http://jsbin.com/limiyisi/1/
HTML
<body>
<div id="overlay"></div>
<a style="position:absolute;" href="#" class="btn btn-default" data-toggle="active">
Button </a>
<div class="ex-height"></div>
CSS
#overlay {
position:absolute;
width: 100%;
height : 100%;
background: #000;
top: 0;
left: 0;
opacity:0;
transition: opacity .3s;
-moz-transition: opacity .3s;
-webkit-transition: opacity .3s;
}
.backdrop {
opacity: 0.4 !important;
}
.ex-height {
height: 1204px;
}
查询
$(function() {
function toggle() {
$('#overlay').toggleClass('backdrop');
}
$('[data-toggle="active"]').click(toggle);
});
感谢任何有用的建议!
最佳答案
将叠加层的高度设置为文档的高度:
$('#overlay').toggleClass('backdrop').height($(document).height());
关于javascript - Jquery获取页面最大高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24983965/