jquery如何获取设置元素位置
导读:本篇内容主要讲解“jquery如何获取设置元素位置”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何获取设置元素位置”吧! 一、获取元素位置offset(...
本篇内容主要讲解“jquery如何获取设置元素位置”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何获取设置元素位置”吧!
一、获取元素位置
offset()方法
offset()方法返回元素相对于页面左上角的位置。代码如下:
$(document).ready(function(){ varoffset=$("#box").offset(); console.log(offset.left); console.log(offset.top); } );
position()方法
position()方法返回元素相对于其父元素左上角的位置。代码如下:
$(document).ready(function(){ varposition=$("#box").position(); console.log(position.left); console.log(position.top); } );
scrollTop()方法
scrollTop()方法返回当前页面滚动的垂直距离。代码如下:
$(document).ready(function(){ varscrollTop=$(window).scrollTop(); console.log(scrollTop); } );
二、设置元素位置
offset()方法
offset()方法可以设置元素相对于页面左上角的位置。代码如下:
$(document).ready(function(){ $("#box").offset({ left:100,top:200} ); } );
css()方法
css()方法可以设置元素的CSS属性。例如,可以设置元素的left和top属性来改变其位置。代码如下:
$(document).ready(function(){ $("#box").css({ left:100,top:200} ); } );
animate()方法
animate()方法可以在一段时间内平滑地改变元素的位置。代码如下:
$(document).ready(function(){ $("#box").animate({ left:100,top:200} ,1000); } );
到此,相信大家对“jquery如何获取设置元素位置”有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: jquery如何获取设置元素位置
本文地址: https://pptw.com/jishu/4214.html