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数组处理多个字符串的连接问题
Aug 20 Javascript
利用js获取服务器时间的两个简单方法
Jan 08 Javascript
Javascript合并表格中具有相同内容单元格示例
Aug 11 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
Mar 26 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
Nov 25 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
Jan 19 Javascript
AngularJS入门教程之表单校验用法示例
Nov 02 Javascript
webpack 打包压缩js和css的方法示例
Mar 20 Javascript
详解如何构建Promise队列实现异步函数顺序执行
Oct 23 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
May 06 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
Nov 01 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
使用php4加速网络传输
2006/10/09 PHP
php笔记之常用文件操作
2010/10/12 PHP
php冒泡排序、快速排序、快速查找、二维数组去重实例分享
2014/04/24 PHP
php实现excel中rank函数功能的方法
2015/01/20 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
Laravel中9个不经常用的小技巧汇总
2019/04/16 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
javascript下查找父节点的简单方法
2007/08/13 Javascript
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
面向对象继承实例(a如何继承b问题)(自写)
2013/07/01 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
jQuery实现向下滑出的二级菜单效果实例
2015/08/22 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
2016/09/28 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
在移动端使用vue-router和keep-alive的方法示例
2018/12/02 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
vscode 调试 node.js的方法步骤
2020/09/15 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
Python实现base64编码的图片保存到本地功能示例
2018/06/22 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
python代码能做成软件吗
2020/07/24 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
医药专业推荐信
2013/11/15 职场文书
六月份红领巾广播稿
2014/02/03 职场文书
水利专业大学生职业生涯规划书范文
2014/09/17 职场文书
临床医学生职业规划书范文
2014/10/25 职场文书
介绍长城的导游词
2015/01/30 职场文书
泰山导游词
2015/02/02 职场文书
2015新学期家长寄语
2015/02/26 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
优秀大学生申请书
2019/06/24 职场文书
Python快速优雅的批量修改Word文档样式
2021/05/20 Python