js控制元素显⽰在屏幕固定位置及监听屏幕⾼度变化的⽅
法
本⽂实例讲述了js控制元素显⽰在屏幕固定位置及监听屏幕⾼度变化的⽅法。分享给⼤家供⼤家参考。具体如下：
//控制logo的显⽰位置 Begin
window.addEventListener(\"resize\ // 得到屏幕尺⼨ (内部/外部宽度，内部/外部⾼度) 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程序设计有所帮助。
