方法：先需要设置控件的position属性，position 属性规定元素的定位类型，这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。若有多个层 切需要设定层的层次关系 那么需要设置z-index属性。
举例如下：
jquery如何设置控件位置
//offset()获取当前元素基于浏览的位置
var offsettop=$("#unamespan")offset()top;
var offsetleft=$("#unamespan")offset()left;
//position()获取当前元素基于父容器的位置
var positiontop=$("#unamespan")position()top;
var positionleft=$("#unamespan")position()left;
//设置panel2的位置基于unamespan的坐标
$("#panel2")css({position: "absolute",'top':offsettop+100,'left':offsetleft+50,'z-index':2});
1、首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。
2、然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后d出输出的值即可。
3、保存一下打开浏览器，可以看到一个长篇的文档。
4、按F12打开浏览器开发者工具，切换到Console标签下，滚动鼠标，就可以在开发者工具里显示出浏览器高度位置的数据了。
给你改了一下 试试呗 用 epageX epageY 也行吧 省的那么麻烦
$(document)ready(function(){
$("#img")mousemove(function(e){
var widthh=eoriginalEventx-$(this)offset()left||eoriginalEventlayerX-$(this)offset()left||0;//
var heightt=eoriginalEventy-$(this)offset()top||eoriginalEventlayerY-$(this)offset()top||0;//
$('#container')text("的宽度：" + widthh +"<br>的高度："+heightt);
})mouseout(function(){
$("#tooltip")remove();
thistitle = thismyTitle;
})
});
</script>
</head>
<body>
<img id="img" width="200" height="200" src="images/starpng"></img>
<div id="container" style="width: 400px; height: 200px; background-color: green;">
</div>
</body>
以上就是关于jquery怎么设置控件位置全部的内容，包括:jquery怎么设置控件位置、jquery获取滚动条高度和位置、jquery里鼠标移动显示图片当前坐标的位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）