offset:偏移

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

先了解一下 jQuery 的方法,叫 offset ,表示偏移 .. 这个方法可以得到还有设置元素的偏移 ... 检查一下页面上的这块元素 ..

在这个元素的包装上面有个 id ,可以复制一下这个 id 的值 ...

然后打开 console ,控制台 ... 用 jQuery 定位到刚才复制的那个 id 所在的元素 ...

用一下 offset 这个方法 ... 会返回一个对象 .. 对象里面有两个属性 .. top 还有 left .. top 指的是元素距离文档的最顶部的距离 ... 这里是 503 .. left 指的是元素距离文档最左边的距离 ... 这里它的值是 0 ..

你可以访问一下 top 属性 ... 得到对应的值 ... 也可以访问 left 属性,得到对应的值 ..

这个 offset 还可以设置元素的偏移 .. 可以给它一个对象参数 .. 里面添加一个 top .. 设置成 600 ... 你会发现元素比之前靠下显示了一些 ... 因为原本它距离文档顶部的位置是 503 ,现在我把它设置成 600 了 ... 重新把这个值设置成 503 ,它又会恢复到原来的位置上 ..

在添加一个 left 属性 ... 原本它的值是 0,这里我们把它设置成 100 ... 你会发现元素靠右显示了一些 .. 因为现在元素距离文档的最左侧会有 100 像素的距离 .. 重新把 left 的值设置成 0 ,元素又会恢复到原来的位置上 ...

offset:偏移《 网页设计案例:页内导航 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点