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广告代码
May 30 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
Aug 03 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
JS实现漂亮的时间选择框效果
Aug 20 Javascript
jQuery zTree树插件动态加载实例代码
May 11 jQuery
JS canvas绘制五子棋的棋盘
May 28 Javascript
详解ESLint在Vue中的使用小结
Oct 15 Javascript
微信小程序实现搜索指定景点周边美食、酒店
May 18 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
Dec 20 Javascript
Rust中的Struct使用示例详解
Aug 14 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
一个颜色轮换的简单例子
2006/10/09 PHP
PHP的面试题集,附我的答案和分析(一)
2006/11/19 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
Aster vs Newbee BO5 第二场2.19
2021/03/10 DOTA
在JavaScript中实现类的方式探讨
2013/08/28 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
jquery简单插件制作(fn.extend)完整实例
2016/05/24 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
Bootstrap学习笔记之环境配置(1)
2016/12/07 Javascript
livereload工具实现前端可视化开发【推荐】
2016/12/23 Javascript
微信小程序左滑删除效果的实现代码
2017/02/20 Javascript
mongoose中利用populate处理嵌套的方法
2017/05/26 Javascript
Vue页面跳转动画效果的实现方法
2018/09/23 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
2018/12/26 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
2019/05/10 Javascript
vue.js实现图书管理功能
2019/09/24 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
Python牛刀小试密码爆破
2011/02/03 Python
Python下线程之间的共享和释放示例
2015/05/04 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
Python查找第n个子串的技巧分享
2018/06/27 Python
Python图片转换成矩阵,矩阵数据转换成图片的实例
2018/07/02 Python
python调用百度语音REST API
2018/08/30 Python
python将音频进行变速的操作方法
2020/04/08 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
python中turtle库的简单使用教程
2020/11/11 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
假日旅行社实习自我鉴定
2013/09/24 职场文书
质检部经理岗位职责
2014/02/19 职场文书
党的群众路线教育实践活动组织生活会发言材料
2014/10/17 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL