本文实例讲述了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程序设计有所帮助。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。