jQuery $（window）.height（）和$（document）.height（）返回相同的結果
[英]jquery $(window).height() and $(document).height() return the same
問題描述
我需要背景圖片位於菜單div下方。 因此，我沒有將背景應用於body元素，而是放入了另一個包含我的body div的bg div，並將寬度設置為100％。（我的body div具有指定的寬度）我將背景設置在bg div中。
我測試了一下，但得到了一半的背景圖片，因為文檔不夠長。 因此，我正在嘗試對此進行JavaScript修復。
<!DOCTYPE HTML>
.....
<script type="text/javascript" src="jquery-min.js"></script>
<script type="text/javascript">
function setDocumentSize() {
alert($(window).height());
alert($(document).height());
if ($(window).height()>$(document).height()) {
var height = $(window).height()-$(document).height();
document.getElementById('bg').style.height=height+"px"
}
}
.....
</script>
.....
<body onload="setDocumentSize()">
<div class="menu">
.....
</div>
<div class="bg">
<div class="body">
.....(background in this div)
</div>
</div>
現在，兩個警報都以視口高度彈出。 因此什么也沒發生。
我正在使用Firefox 16.0.2
2 個解決方案
解決方案1
5 2013-11-25 07:37:00
可能失敗的另一個原因是缺少doctype聲明（ <!DOCTYPE html> ）。 添加此選項可修復$(window).height()以返回正確的視口高度。
解決方案2
1 已采納 2013-04-29 06:02:23
這可以在CSS中完成。 您需要確保所有包含的元素至少是頁面的高度（ height: 100% ）。 這包括html和body元素。
此代碼應與您的網站一起使用：
html, body, #bg {
height: 100%;
}
$（window）.height（）與$（document）.height（）具有相同的值
[英]$(window).height() is giving same value as $(document).height()
當在文檔末尾添加視口高度和窗口scrollTop位置時，jQuery $（document.body）.height（）不相同
[英]Jquery $(document.body).height() is not same when viewport height is added with the window scrollTop position, at the end of document
$（document）.height和$（window）.height都返回相同的值-使用中的文檔類型正確
[英]$(document).height and $(window).height both return the same value - proper doctype in use
$（window）.width（）和$（window）.height（）返回NULL -JQuery
[英]$(window).width() and $(window).height() return NULL -JQuery
Jquery $（window）.height（）函數不返回實際的窗口高度
[英]Jquery $(window).height() function does not return actual window height
含義$（window）.scrollTop（）== $（document）.height（） - $（window）.height（）
[英]Meaning of $(window).scrollTop() == $(document).height() - $(window).height()
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
文檔和窗口高度是否返回相同的值？
$（window）.height（）與$（document）.height（）具有相同的值
當在文檔末尾添加視口高度和窗口scrollTop位置時，jQuery $（document.body）.height（）不相同
$（document）.height和$（window）.height都返回相同的值-使用中的文檔類型正確
$（window）.width（）和$（window）.height（）返回NULL -JQuery
Jquery $（window）.height（）函數不返回實際的窗口高度
window.height和document.height返回相同的值
將窗口高度分配給文檔高度
含義$（window）.scrollTop（）== $（document）.height（） - $（window）.height（）
jQuery調整文檔高度
相關標簽