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 DataSet数据源处理代码
Mar 29 Javascript
javascript:history.go()和History.back()的区别及应用
Nov 25 Javascript
jQuery数据缓存用法分析
Feb 20 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
Jul 01 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
微信小程序 form组件详解
Oct 25 Javascript
js生成随机数方法和实例
Jan 17 Javascript
常用jQuery选择器汇总
Feb 02 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
Oct 25 Javascript
vue点击自增和求和的实例代码
Nov 06 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一些有意思的小区别
2006/12/06 PHP
php实现简单爬虫的开发
2016/03/28 PHP
php实现将HTML页面转换成word并且保存的方法
2016/10/14 PHP
JSChart轻量级图形报表工具(内置函数中文参考)
2010/10/11 Javascript
理解Javascript_09_Function与Object
2010/10/16 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
2015/02/03 Javascript
继续学习javascript闭包
2015/12/03 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
JavaScript Date对象应用实例分享
2017/10/30 Javascript
如何让你的JS代码更好看易读
2017/12/01 Javascript
koa中间件核心(koa-compose)源码解读分析
2020/06/15 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
Python模块学习 datetime介绍
2012/08/27 Python
Python subprocess模块学习总结
2014/03/13 Python
对python中的xlsxwriter库简单分析
2018/05/04 Python
详解PyCharm配置Anaconda的艰难心路历程
2018/08/13 Python
Python-Seaborn热图绘制的实现方法
2019/07/15 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
python ftplib模块使用代码实例
2019/12/31 Python
python实现高斯投影正反算方式
2020/01/17 Python
pandas数据处理之绘图的实现
2020/06/15 Python
Python内置函数property()如何使用
2020/09/01 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
以思科路由器为例你写下单臂路由的配置命令
2013/08/03 面试题
迟到检讨书800字
2014/01/13 职场文书
青奥会口号
2014/06/12 职场文书
2014教师年度思想工作总结
2014/11/10 职场文书
甲午大海战观后感
2015/06/02 职场文书
李强感恩观后感
2015/06/17 职场文书
nginx配置限速限流基于内置模块
2022/05/02 Servers