js控制元素顯示在屏幕固定位置及監(jiān)聽屏幕高度變化的方法
更新時間：2015年08月11日 12:10:23 作者：dannywj1371
這篇文章主要介紹了js控制元素顯示在屏幕固定位置及監(jiān)聽屏幕高度變化的方法,涉及javascript針對頁面元素及樣式屬性的相關操作技巧,需要的朋友可以參考下
本文實例講述了js控制元素顯示在屏幕固定位置及監(jiān)聽屏幕高度變化的方法。分享給大家供大家參考。具體如下：
//控制logo的顯示位置 Begin
window.addEventListener("resize", function () {
// 得到屏幕尺寸 (內部/外部寬度，內部/外部高度)
changeLogoPosition();
}, false);
changeLogoPosition();
function changeLogoPosition() {
var contentHeight = $("#main_content_div").css("height");
var logoHeight = $("#third_party_logo").css("height");
contentHeight = parseInt(contentHeight.replace('px', ''));
logoHeight = parseInt(logoHeight.replace('px', ''));
//alert('屏幕高度：'+document.body.scrollHeight+' 內容高度：'+contentHeight+' logo高度：'+logoHeight);
if (document.body.scrollHeight - contentHeight > logoHeight) {
document.getElementById('third_party_logo').style.position = 'absolute';
} else {
document.getElementById('third_party_logo').style.position = '';
}
}
//控制logo的顯示位置 End
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
這篇文章主要為大家介紹了js處理xml文件方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
這篇文章主要介紹了javascript實現(xiàn)簡單的全選和反選功能的相關資料,需要的朋友可以參考下2016-01-01
數(shù)組 重復采用的是Object的 in 操作符，體現(xiàn)一把它的強大（有更好的辦法來實現(xiàn)這個功能，但是這里只是演示 in 操作符）！2008-03-03
這篇文章主要給大家介紹了關于微信小程序開發(fā)之組件設計規(guī)范的相關資料，對剛入門學習微信小程序的同學們還是挺有幫助的，需要的朋友可以參考下2021-05-05
這篇文章主要給大家介紹了關于JavaScript中this的全面解析及常見實例的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JavaScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-05-05
這篇文章主要介紹了JS實現(xiàn)的自動打字效果,涉及javascript遞歸算法、字符串操作及事件函數(shù)相關使用技巧,需要的朋友可以參考下2017-03-03
本篇文章只要是對js中哈希表的幾種用法進行了總結介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了JS實現(xiàn)的網(wǎng)頁背景閃電閃爍效果代碼,涉及JavaScript定時函數(shù)結合頁面元素樣式操作的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要為大家詳細介紹了Bootstrap 警告框（Alert）插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
1. 保持無侵入性，標記不想知道你的JavaScript代碼；2. 嚴禁修改和擴展Object.prototype!；3. 對JavaScript內建對象的擴展越少越好；4. 跟隨標準；5. 或著跟隨主導 ；6. 保持靈活；7. 管理內存；8. 淘汰瀏覽器嗅探；9. 小巧更佳……2009-01-01