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
相关文章推荐
- js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
- js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
- JS-009-屏幕分辨率、浏览器显示区域、元素位置获取
- vue监听滚动事件 实现某元素吸顶或者固定位置显示
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- vue监听滚动事件 实现某元素吸顶或者固定位置显示
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- vue实现某元素吸顶或固定位置显示(监听滚动事件)
- vue监听滚动事件 实现某元素吸顶或者固定位置显示
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- 原生JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸名
- js 控制 head 元素 隐藏与显示
- 使用JS控制页面元素位置移动
- js获得屏幕显示部分高度
- js控制div 在页面的固定位置
- js控制元素隐藏显示,显示时不用display=block
- JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
- JS利用class控制多个子元素的显示隐藏在IE6下的bug
- 控制窗体在屏幕上的显示位置的相关方法