窗口,元素位置,伪元素大小

原创 2018年04月17日 09:17:25

鼠标位置:pageX/Y


滚动条的位置:window.pageX/YOffset

ie9以下:document.body/documentElement.scrollLeft/scrollTop

ie9以下的两种方法是相互冲突的


视口大小:window.innerWidth/innerHeight

ie9以下:document.documentElement.clientWidth/clientHeight

               document.body.clientWidth/clientHeight


测元素的尺寸:节点.getBoundingClientRect();

                        节点.offsetWidth/Height


元素位置(相对于有定位的父级元素的):节点.offsetLeft/top


移动那个滚动条:window.scroll(),window.scrollTO()    //一次性

                           window.scrollBy()    //累加


获取伪元素的样式:window.getComputedStyle(当前节点,null(伪元素)).css属性;

可以通过改变当前节点的选择器来改变伪元素的样式。间接改变


                        




css的伪元素::after和::before的使用

::after是一个CSS伪元素,使用::after,你可以从CSS里往页面上新增内容。虽然最终生成的东西并不是真正的DOM里的内容,但这些内容能像普通内容一样显示,基本下的效果是这样的: CSS代码...
  • sinat_16411539
  • sinat_16411539
  • 2016-04-26 22:35:33
  • 1700

CSS中 伪类和伪元素的用法 --实现元素前后添加[]框

无标题文档 a{ position:relative; display:inline-block; outline:none; text-decoration:none; color:#6...
  • ios0213
  • ios0213
  • 2016-06-16 18:41:33
  • 282

3.1 Javascript:探索客户端-设置网页元素根据窗口比例调整位置与大小

设置图片位置与大小根据窗口大小自动调整 设置网页元素根据窗口比例调整位置与大小 function resizeDog() { //document.bo...
  • WeAreZero
  • WeAreZero
  • 2016-03-09 10:21:23
  • 1198

伪类和伪元素的区别

个人的关注点可能主要集中在js方向上,但是本着css也不能丢掉的原则,所以上网查了些css方面的困惑点,这一篇的主题是:伪类和伪元素。 伪类和伪元素的根本区别在于:它们是否创造了新的元素(抽...
  • z905951024
  • z905951024
  • 2016-03-17 11:18:45
  • 3240

after会在元素内容后面而不是元素后面插入一个伪元素

如题
  • u010874036
  • u010874036
  • 2016-03-24 20:53:33
  • 381

selenium2library 如何定位伪元素,比如::before

以前没有遇到这个问题,突然项目中出现了,没有办法解决啊,心里焦急,就去stackflow 求解了,还好老外效率.所以秉着分享的原则,我立马更新到这里来.希望对大家有帮助. 问题: 如何定位这个...
  • xyh421
  • xyh421
  • 2017-03-29 17:37:40
  • 2203

CSS中的第一个:first-letter 最后一个:last-child 第n个:nth-child 伪元素

下面的伪元素都与元素相对于HTML文档和它内部的HTML元素的位置有关。:first-letter允许你选定元素的第一个字母。下面是一个例子:p:first-letter {font-size:30p...
  • linyiphp
  • linyiphp
  • 2018-01-10 10:44:31
  • 150

css中伪类与伪元素的区别

看了网上的有助于理解css中伪类与伪元素区别的帖子,做了如下笔记: 一:定义: 1.css伪类用于向某些选择器添加特殊的效果 2.css伪元素用于将特殊的效果添加到某些选择器 3.都是向选择器...
  • github_36091081
  • github_36091081
  • 2016-10-30 13:46:59
  • 408

CSS伪元素选择器:before与:after

在css标签中有这样子的标签div:before、div:after,对于before、after来说有部分人是相当陌生的,那么这两个标签是什么呢?有什么用处?   :befor、:after是CS...
  • zerlinda_c
  • zerlinda_c
  • 2015-12-07 16:54:58
  • 5843

动态设置窗口位置和大小

  • 2010年06月30日 16:53
  • 78KB
  • 下载
收藏助手
不良信息举报
您举报文章:窗口,元素位置,伪元素大小
举报原因:
原因补充:

(最多只允许输入30个字)