我想使用jQuery或其他框架來獲取屏幕的底部,因此當智能橫幅出現在移動應用程序中時,它將修改屏幕以適應底部,而不管橫幅。有沒有簡單的方法來實現這一點?獲取屏幕位置的底部
0
A
回答
1
如果我正確理解你的問題,你願意容器的高度與視口一樣多。我們通過一個例子來做這件事。假設你有一個主要的div container
圍繞一切,一個p
標籤顯示的container
顯示目的電流的大小,以及button
顯示和隱藏banner
:
HTML
<div class="container">
Screen size is <p></p>
<button type="button">push to add banner</button>
</div>
要根據窗口的高度改變container
的高度,我們就可以在jQuery的做到這一點:
$(document).ready(function() {
heightResize($(".container"));
$(window).resize(function() {
heightResize($(".container"));
});
});
function heightResize(element) {
element.height($(window).height()-20);
$("p").text(element.height());
}
然後,代碼顯示/隱藏旗幟,改變container
相應的高度:
$("button").click(function() {
if ($(".container").find(".banner").length != 0) {
$(".container").find(".banner").remove();
heightResize($(".container"));
} else {
$(".container").append("<div class='banner'>this is your dynamically created banner</div>");
$(".container").height($(".container").height()+$(".banner").height());
}
});
當banner
動態添加,的container
高度增長將超過的window
高度更之多的高度banner
。
查看CODEPEN的工作示例
+0
極好的示例,非常有用 – Rob
相關問題
- 1. Android獲取狀態欄位置(屏幕頂部或底部)
- 2. 如何將我的UIView的位置位於屏幕的底部?
- 3. 底部的屏幕定位手機CSS
- 4. 從屏幕底部到屏幕頂部裁剪位圖150dp
- 5. 位於頁面或屏幕底部的位置div
- 6. 位置MBProgressHUD在屏幕的底部/頂部
- 7. CirclePageIndicator屏幕底部
- 8. 獲取wxTaskBarIcon的屏幕位置
- 9. 如何獲取NSStatusItem的屏幕位置
- 10. 獲取相對的屏幕位置
- 11. UIScrollView在屏幕底部的位置元素,不在ScrollView的底部
- 12. 需要獲得從屏幕頂部到底部動畫的UIImage位置
- 13. 在Android上獲取主屏幕位置
- 14. 在主屏幕上獲取appwidget位置?
- 15. 在屏幕上獲取按鈕位置
- 16. 如何在我的屏幕底部位置組件
- 17. 在屏幕底部的Android位置按鈕
- 18. 使用TableLayout在屏幕底部的位置視圖
- 19. 頁腳位置JQM中屏幕的底部?
- 20. 如何在屏幕的底部中心位置一個div
- 21. 設置顯示屏底部的水平滾動條固定位置屏幕
- 22. jquery如何獲取頁面當前屏幕的頂部位置?
- 23. 在屏幕底部放置div
- 24. 在屏幕底部放置Admob橫幅
- 25. 在屏幕保護後打開屏幕後獲取位置
- 26. 如何獲取XYSeries x位置的屏幕x位置?
- 27. Android覆蓋屏幕底部
- 28. Android屏幕截圖底部
- 29. 在屏幕頂部和底部的LinearLayout
- 30. 從世界位置獲取屏幕位置
你是什麼意思的「屏幕位置的底部」?你在尋找屏幕的高度嗎? –
類型,我遇到的問題是我無法將屏幕設置爲只顯示任何內容,並且在智能橫幅出現時不會將底部向下推。 – Rob