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 计算图片加载数量的代码
Jan 01 Javascript
javascript语言结构小记(一)
Sep 10 Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
jquery实现九宫格大转盘抽奖
Nov 13 Javascript
Extjs让combobox写起来简洁又漂亮
Jan 05 Javascript
js 原型对象和原型链理解
Feb 09 Javascript
JS原型与原型链的深入理解
Feb 15 Javascript
vue脚手架搭建过程图解
Jun 06 Javascript
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
Vue分页效果与购物车功能
Dec 13 Javascript
Vue 样式切换及三元判断样式关联操作
Aug 09 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循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
PHP学习之数组的定义和填充
2011/04/17 PHP
php笔记之:php数组相关函数的使用
2013/04/26 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
php中strtotime函数性能分析
2016/11/20 PHP
在IE上直接编辑网页内容的js代码(IE地址栏js)
2009/04/27 Javascript
浅谈Javascript中Object与Function对象
2015/09/26 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
下雪了 javascript实现雪花飞舞
2020/08/02 Javascript
基于jQuery实现表格的查看修改删除
2016/08/01 Javascript
Bootstrop实现多级下拉菜单功能
2016/11/24 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
mpvue写一个CPASS小程序的示例
2018/09/04 Javascript
微信小程序服务器日期格式化问题
2020/01/07 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
python执行等待程序直到第二天零点的方法
2015/04/23 Python
python自动化报告的输出用例详解
2018/05/30 Python
python打印n位数“水仙花数”(实例代码)
2019/12/25 Python
selenium携带cookies模拟登陆CSDN的实现
2021/01/19 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
Html5新增标签与样式及让元素水平垂直居中
2019/07/11 HTML / CSS
Lenox官网:精美的瓷器&独特的礼品
2017/02/12 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
英国网上电器商店:Electricshop
2020/03/15 全球购物
简历自荐信
2013/12/02 职场文书
消防标语大全
2014/06/07 职场文书
园林系毕业生求职信
2014/06/23 职场文书
教师节座谈会主持词
2015/07/03 职场文书
课程设计感想范文
2015/08/11 职场文书
Jackson 反序列化时实现大小写不敏感设置
2021/06/29 Java/Android
Vue+Flask实现图片传输功能
2022/04/01 Vue.js
golang使用map实现去除重复数组
2022/04/14 Golang
吉利入股戴姆勒后smart“长大了”
2022/04/21 数码科技