jquery top

jQuery 获取或设置元素位置的方法

使用 jQuery 可以轻松获取或设置元素相对于文档顶部的位置。以下是几种常见的方法：

获取元素相对于文档的顶部位置

var topPosition = $('#element').offset().top;

offset() 方法返回一个包含 top 和 left 属性的对象，表示元素相对于文档的位置。

获取元素相对于父元素的顶部位置

var topPosition = $('#element').position().top;

position() 方法返回元素相对于第一个定位父元素的偏移位置。

设置元素的顶部位置

$('#element').css('top', '100px');

使用 css() 方法可以直接设置元素的 top 样式属性。

滚动到页面顶部

$('html, body').animate({scrollTop: 0}, 'slow');

使用 animate() 方法可以实现平滑滚动到页面顶部的效果。

获取窗口滚动条的垂直位置

var scrollTop = $(window).scrollTop();

scrollTop() 方法返回当前窗口滚动条的垂直位置。

设置窗口滚动条的位置

$(window).scrollTop(100);

传递一个数值参数给 scrollTop() 方法可以设置窗口滚动条的位置。