本文实例讲述了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程序设计有所帮助。
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
777
