js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015-08-11 12:10
1006 查看
本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- Extjs4.0 最新最全视频教程
- [已验证]双卡手机下两种来电监听方法的一些问题。
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- 关于H1的位置解析
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 爆炸式的JS圆形浮动菜单特效代码
- jQuery删除一个元素后淡出效果展示删除过程的方法
- js select常用操作控制代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- PHP VBS JS 函数 对照表
- Perl中怎样从数组中删除某个值?
- NodeJS Web应用监听sock文件实例