獲取瀏覽器的寬度和高度追加的div jQuery的

我試圖讓瀏覽器的寬度和高度，追加兩個不同的DIV對使用jQuery兩個不同的位置。獲取瀏覽器的寬度和高度追加的div jQuery的

DIV應該是絕對的位置，從左邊〜40點從瀏覽器窗口，同時DIV兩個底部40像素應該從底部右側〜40點進行40像素，無論什麼設備瀏覽的網頁（所以必須在iPad，iPhone等上工作）。

我也有內容（圖片，孩子的div和文本）坐在兩個div的範圍內，但我還沒有線索如何處理這個，因爲我很沒用使用jQuery。

誰能幫我這個？

來源

2012-06-12 egr103

使用$（窗口）.height（）; $（窗口）.WIDTH（）;用於查找瀏覽器窗口的寬度和高度 – swapnesh

（至少定位）

你不需要的jQuery了點。 CSS有足夠的技巧。

不要使用絕對定位，使用固定的：

#div-1, #div-2 {position:fixed;} 
#div-1 {left:40px; bottom;40px;} 
#div-2 {right:40px; bottom;40px}

隨着position:fixed，左，右，頂部，底部和屬性參考修復安置物體的相應邊緣多遠是從視口的相應邊緣。

...所以它不會不管你在哪裏apped您的div。只需將它們附加到身體上：

var myDivsHtml = howeverYouGetYourDivs(); 
$('body').append(myDivsHtml)

來源

2012-06-12 10:33:16 Faust

我已經對這個問題做了一個嚴肅的booboo，並且我已經接受了你的答案，因爲你已經在escense中回答了它，但是由於我錯誤地寫了這個問題，它並不完全是我正在尋找的，檢查這個問題對於我的完整問題：http://stackoverflow.com/questions/10995356/get-width-and-height-of-screen-window-and-height-of-div-jquery – egr103

我相信你正在尋找固定的位置而不是絕對的。

只需使用CSS這個

.div1{ 
    position:fixed; 
    bottom:40px; 
    left:40px; 
} 
.div2{ 
    position:fixed; 
    bottom:40px; 
    right:40px; 
}

來源

2012-06-12 10:33:26

試試這個：

$(function(){ 
    var $body = $("body"); 
    $("<div/>").css({ 
     "position":"fixed", 
     "bottom":"40px", 
     "left":"40px" 
     }).appendTo($body); 
    $("<div/>").css({ 
     "position":"fixed", 
     "bottom":"40px", 
     "right":"40px" 
     }).appendTo($body); 
});

來源

2012-06-12 10:39:49 yoku2010

獲取瀏覽器的寬度和高度追加的div jQuery的

回答

相關問題