js控制元素顯示在屏幕固定位置及監(jiān)聽屏幕高度變化的方法
更新時(shí)間:2015年08月11日 12:10:23 作者:dannywj1371
這篇文章主要介紹了js控制元素顯示在屏幕固定位置及監(jiān)聽屏幕高度變化的方法,涉及javascript針對(duì)頁(yè)面元素及樣式屬性的相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了js控制元素顯示在屏幕固定位置及監(jiān)聽屏幕高度變化的方法。分享給大家供大家參考。具體如下:
//控制logo的顯示位置 Begin window.addEventListener("resize", function () { // 得到屏幕尺寸 (內(nèi)部/外部寬度,內(nèi)部/外部高度) 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+' 內(nèi)容高度:'+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
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JavaScript與JQUERY獲取元素的寬、高和位置
- js從數(shù)組中刪除指定值(不是指定位置)的元素實(shí)現(xiàn)代碼
- JS實(shí)現(xiàn)隨頁(yè)面滾動(dòng)顯示/隱藏窗口固定位置元素
- javascript實(shí)現(xiàn)拖動(dòng)元素交換位置
- JavaScript控制網(wǎng)頁(yè)平滑滾動(dòng)到指定元素位置的方法
- 在JS數(shù)組特定索引處指定位置插入元素的技巧
- 在JS數(shù)組特定索引處指定位置插入元素
- JS和JQUERY獲取頁(yè)面大小,滾動(dòng)條位置,元素位置(示例代碼)
- JS中獲取 DOM 元素的絕對(duì)位置實(shí)例詳解
相關(guān)文章
javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能
這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能的相關(guān)資料,需要的朋友可以參考下2016-01-01微信小程序開發(fā)之組件設(shè)計(jì)規(guī)范
這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)之組件設(shè)計(jì)規(guī)范的相關(guān)資料,對(duì)剛?cè)腴T學(xué)習(xí)微信小程序的同學(xué)們還是挺有幫助的,需要的朋友可以參考下2021-05-05JavaScript中this的全面解析及常見實(shí)例
這篇文章主要給大家介紹了關(guān)于JavaScript中this的全面解析及常見實(shí)例的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05JS實(shí)現(xiàn)的自動(dòng)打字效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的自動(dòng)打字效果,涉及javascript遞歸算法、字符串操作及事件函數(shù)相關(guān)使用技巧,需要的朋友可以參考下2017-03-03JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的網(wǎng)頁(yè)背景閃電閃爍效果代碼,涉及JavaScript定時(shí)函數(shù)結(jié)合頁(yè)面元素樣式操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10