js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法

 本文实例讲述了js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法。分享给大家供大家参考。具体如下：

//控制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程序设计有所帮助。