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 相关文章推荐
Javascript的一种模块模式
Sep 08 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
Jul 31 Javascript
浅析用prototype定义自己的方法
Nov 14 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
解决给dom元素绑定click等事件无效问题的方法
Feb 17 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
使用JavaScript实现表格编辑器(实例讲解)
Aug 02 Javascript
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
深入了解Hybrid App技术的相关知识
Jul 17 Javascript
解决vue-cli输入命令vue ui没效果的问题
Nov 17 Javascript
详解CocosCreator消息分发机制
Apr 16 Javascript
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 magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
PHP 文件缓存的性能测试
2010/04/25 PHP
Apache服务器无法使用的解决方法
2013/05/08 PHP
php定时执行任务设置详解
2015/02/06 PHP
实例讲解yii2.0在php命令行中运行的步骤
2015/12/01 PHP
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
2014/06/10 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
2015/06/05 Javascript
自己封装的一个原生JS拖动方法(推荐)
2016/11/22 Javascript
JS简单生成随机数(随机密码)的方法
2017/05/11 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
vue+axios+element ui 实现全局loading加载示例
2018/09/11 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
Javascript执行上下文顺序的深入讲解
2020/11/04 Javascript
python的描述符(descriptor)、装饰器(property)造成的一个无限递归问题分享
2014/07/09 Python
Python常见数据结构详解
2014/07/24 Python
为Python的web框架编写MVC配置来使其运行的教程
2015/04/30 Python
Python删除windows垃圾文件的方法
2015/07/14 Python
Funko官方商店:源自美国,畅销全球搪胶收藏玩偶
2018/09/15 全球购物
be2台湾单身男女交友:全球网路婚姻介绍的领导品牌
2019/10/11 全球购物
求高于平均分的学生学号及成绩
2016/09/01 面试题
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
上海微创软件面试题
2012/06/14 面试题
校长先进事迹材料
2014/02/01 职场文书
收银员的岗位职责范本
2014/02/04 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
班级心理活动总结
2014/07/04 职场文书
2015年体育部工作总结
2015/04/02 职场文书
九九重阳节致辞
2015/07/31 职场文书
军训后的感想
2015/08/07 职场文书
Python绘制地图神器folium的新人入门指南
2021/05/23 Python
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS