您的位置:首页 > Web前端 > JavaScript

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

2014-12-11 16:14 537 查看
//控制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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: