可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。
var container = $('div'),
scrollTo = $('#row_8');
containerscrollTop(
scrollTooffset()top - containeroffset()top + containerscrollTop()
);
// Or you can animate the scrolling:
containeranimate({
scrollTop: scrollTooffset()top - containeroffset()top + containerscrollTop()
})
var container = $('div'),
scrollTo = $('#row_8');
containerscrollTop(
scrollTooffset()top - containeroffset()top + containerscrollTop()
);
// Or you can animate the scrolling:
containeranimate({
scrollTop: scrollTooffset()top - containeroffset()top + containerscrollTop()
});
不需要任何JQuery插件即可完成所需的效果，非常好用！
1、首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。
2、然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后d出输出的值即可。
3、保存一下打开浏览器，可以看到一个长篇的文档。
4、按F12打开浏览器开发者工具，切换到Console标签下，滚动鼠标，就可以在开发者工具里显示出浏览器高度位置的数据了。
1、首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。
2、在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。
3、得到的结果是一个数组对象，只要获取里面的top数据就行了。
4、使用log方法，把数据输出到浏览器的控制台。
5、运行页面，看到现在的按钮位置。距离顶部估计是500px左右吧，点击一下这个按钮。
6、然后看一下控制台上的数据，得到距离为439的像素。
css方法：
1、取得第一个段落的color样式属性的值。
$("p")css("color");2、将所有段落的字体颜色设为红色并且背景为蓝色。
$("p")css({ color: "#ff0011", background: "blue" });<html><head>
<title>JQuery中如何获取样式属性的值</title>
<script type="text/javascript" src="jqueryjs"></script>
<style>
top {
background: url(Tupianjpg) no-repeat;
width: 75px;
height: 90px;
}
</style>
<script type="text/javascript">
$(function () {
var url = $("divtop")css("background-image");
alert(url);
})
</script>
</head>
<body>
<div class="top"></div>
</body>
</html>
jQuery 获取 div 之间的内容，有两种方法，$(selector)text()、$(selector)html() 。
html：
<div>
<p>test</p>
</div>
$("div")text() 得到的是 test，是 div 的纯文本，会自动忽略 html 标签 。
$("div")html() 得到的是 <p>test</p>，是 div 的所有内容，包括 html 标签，它有个好处是可以将 得到的标签与文字 直接再利用，比如添加到页面其他地方之类的 *** 作 。
1、在html中，如果直接用css定位的话如果没有绝对定位的父对象的话，则按照body来定位，其中jquery中的css()和此一样，
2、但jquery中的offset()则是按照document来定位的，所以在用offset()进行定位的时候要特别注意，
absolute : 将对象从文档流中拖出，使用 left， right， top， bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body对象。而其层叠通过 z-index属性定义
offset()返回： Object
为匹配的元素集合中获取第一个元素的当前坐标，相对于文档（document）。
offset()方法允许我们检索一个元素相对于文档（document）的当前位置。和position()的差别在于：position()是
相对于相对于父级元素的位移。当定位在全局环境中（比如拖放的实现）最高的一个新元素时offset()是非常有用的。
offset()返回一个包含top 和 left属性的对象 。
注意：jQuery不支持获取隐藏元素的偏移坐标。
offset( coordinates )返回： jQuery
offset( coordinates )
coordinates一个包含top 和left属性的对象，用整数指明元素的新顶部和左边坐标。
•version added: 14offset( function(index, coords) )
•function(index, coords)返回用于设置坐标的一个函数。接收元素在匹配的元素集合中的索引位置作为第一个参数，和当前坐标作为第二个参数。这个函数应该返回一个包含top 和left属性的对象。
以上就是关于jquery怎么取到当前div中滚动条的位置全部的内容，包括:jquery怎么取到当前div中滚动条的位置、jquery获取滚动条高度和位置、如何获取元素距离页面顶部的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）