js控制元素顯示在螢幕固定位置,監聽螢幕高度變化
阿新 • • 發佈:2019-02-03
//控制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