漂移层不超出屏幕 jQuery

最新推荐文章于 2025-09-07 10:15:42 发布

weixin_34307464

最新推荐文章于 2025-09-07 10:15:42 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

本文介绍了jQuery中的关键方法，包括scrollTop()方法用于获取或设置滚动条的垂直位置；offset()方法获取元素的位置信息；outerHeight()方法获取元素的外部高度；next()方法用于获取匹配元素紧邻的同胞元素。这些方法在网页布局调整和元素操作方面非常实用。

scrollTop() 方法

scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。

scroll top offset 指的是滚动条相对于其顶部的偏移。

如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。

$(selector).scrollTop(offset)


获取第一个匹配元素外部高度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。
返回值：Integer
参数：
options(Boolean) 
: (false) 设置为 true 时，计算边距在内。

next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

请思考下面这个带有简单列表的页面：

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

如果我们从项目三开始，则能够找到其后出现的元素：

$('li.third-item').next().css('background-color', 'red');

获得 <p> 元素当前的偏移：

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

返回第一个匹配元素的偏移坐标。

该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。

$(selector).offset()

posted on 2012-09-13 16:10 天使半只翼阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/william-lin/archive/2012/09/13/2683532.html