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


Posted in Javascript onAugust 11, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
我见过最全的个人js加解密功能页面
Dec 12 Javascript
javascript window对象属性整理
Oct 24 Javascript
js DataSet数据源处理代码
Mar 29 Javascript
JavaScript之编码规范 推荐
May 23 Javascript
js取整数、取余数的方法
May 11 Javascript
教你如何使用PHP输出中文JSON字符串
May 22 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
Nov 03 Javascript
React生命周期原理与用法踩坑笔记
Apr 28 Javascript
jQuery实现滑动开关效果
Aug 02 jQuery
jquery实现加载更多"转圈圈"效果(示例代码)
Nov 09 jQuery
js模仿php中strtotime()与date()函数实现方法
Aug 11 #Javascript
JavaScript SHA512&SHA256加密算法详解
Aug 11 #Javascript
js中 javascript:void(0) 用法详解
Aug 11 #Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 #Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 #Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 #Javascript
高性能JavaScript DOM编程(1)
Aug 11 #Javascript
You might like
用PHP读取和编写XML DOM的实现代码
2011/02/03 PHP
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
php的XML文件解释类应用实例
2014/09/22 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
PHP预定义接口――Iterator用法示例
2020/06/05 PHP
javascript 写类方式之五
2009/07/05 Javascript
学习ExtJS form布局
2009/10/08 Javascript
理清apply(),call()的区别和关系
2011/08/14 Javascript
html文本框提示效果的示例代码
2014/06/28 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
2015/10/30 Javascript
学习使用bootstrap基本控件(table、form、button)
2016/04/12 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
Windows下Node.js安装及环境配置方法
2017/09/18 Javascript
基于Vue实现拖拽功能
2020/07/29 Javascript
命令行批量截图Node脚本示例代码
2019/01/25 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
使用Python & Flask 实现RESTful Web API的实例
2017/09/19 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
python监控进程状态,记录重启时间及进程号的实例
2019/07/15 Python
基于python中__add__函数的用法
2019/11/25 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
eDreams德国:南欧领先的在线旅游公司
2020/12/07 全球购物
师恩难忘教学反思
2014/04/27 职场文书
干部鉴定材料
2014/05/18 职场文书
好听的队名和口号
2014/06/09 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
python flask框架快速入门
2021/05/14 Python
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL