AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法

51自学网 http://www.wanshiok.com
js,控制元素,显示,屏幕固定位置,监听,屏幕高度变化

本文实例讲述了js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法。分享给大家供大家参考。具体如下:

//控制logo的显示位置 Beginwindow.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程序设计有所帮助。


js,控制元素,显示,屏幕固定位置,监听,屏幕高度变化  
上一篇:JS实现点击复选框将按钮或文本框变为灰色不可用的方法  下一篇:js模仿php中strtotime()与date()函数实现方法