CSS之window的视图属性
来源:互联网 发布:mac触摸板透明 编辑:程序博客网 时间:2024/06/03 21:50
1. innerWidth 属性和innerHeight 属性
innerWidth获取浏览器窗口宽度,注意不带浏览器的边框宽度,但是包括下拉按钮的宽度
innerHeight获取浏览器窗口高度,从浏览器底部到工具栏的距离,注意不包括工具栏的高度
innerWidth和innerHeight属性只读,没有默认值
2. outerWidth属性和outerHeight属性
outerWidth是浏览器窗口包含浏览器边框的宽度
outerHeight是浏览器窗口从浏览器上边框到下边框的高度
outerWidth和outerHeight属性只读,没有默认值
3.pageXOffset和pageYOffset
pageXOffset和pageYOffset返回整个页面水平和垂直方向的滚动距离
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置
pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置
初始页面:
滑动后页面:将上部分内容滑动消失
点击按钮查看pageYOffset:
4.screenX and screenY
浏览器窗口在显示器中的位置,screenX表示水平位置,screenY表示垂直位置
screenY返回的是浏览器窗口顶部到显示器顶部的距离
screenX返回的是浏览器窗口的左边(从左边框开始)到显示器的右边的距离
阅读全文
0 0
- CSS之window的视图属性
- CSS之Screen视图属性
- CSS之元素视图属性
- 视图属性之layout_weight的作用
- window.open 的属性
- window.open 的属性
- Javascript Window的属性
- window.location的属性
- window 的 owner 属性
- 好玩的CSS属性之Selection
- css属性之cursor的测试
- css属性之cursor的测试
- CSS 之Box-sizing 属性的使用方法
- css属性之边框属性
- css属性之列表属性
- CSS属性之字体属性
- CSS属性之列表属性
- 学习CSS之属性
- 【Spring】使用Spring和AMQP发送接收消息(下)
- linux内核系统调用和标准C库函数的关系分析
- 关于Java跨域的总结
- 程序员 挣钱比健康重要
- Error occurred during initialization of VM due to java.nio.charset.IllegalCharsetNameException
- CSS之window的视图属性
- 《算法导论》第18章 B树 个人笔记
- 你真的理解java中的null“类型”吗?
- Android网络请求心路历程
- 【Android】APP_ALLOW_MISSING_DEPS=true 错误
- 禁止viewpager滑动
- 关于define与defined的区别
- monkey学习记录
- Timeout时间已到