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 15 Javascript
JS定时器实例详细分析
Oct 11 Javascript
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
JavaScript中的ParseInt("08")和“09”返回0的原因分析及解决办法
May 19 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
AngularJS1.X学习笔记2-数据绑定详解
Apr 01 Javascript
你点的 ES6一些小技巧,请查收
Apr 25 Javascript
深入浅析Vue.js计算属性和侦听器
May 05 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 01 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
Aug 31 Javascript
Javascript中window.name属性详解
Nov 19 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 excel reader读取excel内容存入数据库实现代码
2012/12/06 PHP
PHP写的加密函数,支持私人密钥(详细介绍)
2013/06/09 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
PHP attributes()函数讲解
2019/02/03 PHP
javascript中setTimeout使用指南
2015/07/26 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
jQuery网页定位导航特效实现方法
2016/12/19 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
vue 添加vux的代码讲解
2017/11/30 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
Python入门篇之函数
2014/10/20 Python
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
使用python实现tcp自动重连
2017/07/02 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
python二维列表一维列表的互相转换实例
2018/07/02 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
Python assert关键字原理及实例解析
2019/12/13 Python
HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例
2015/04/24 HTML / CSS
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
常见的软件开发流程有哪些
2015/11/14 面试题
十佳美德少年事迹材料
2014/02/05 职场文书
建筑安全员岗位职责
2014/03/13 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
党员领导干部承诺书
2014/05/28 职场文书
教师党员个人剖析材料
2014/09/29 职场文书
2015军训通讯稿大全
2015/07/18 职场文书
vue-cli4.5.x快速搭建项目
2021/05/30 Vue.js
Python max函数中key的用法及原理解析
2021/06/26 Python
vue3不同环境下实现配置代理
2022/05/25 Vue.js