小5聊jquery基础之offset和position的topleft值

Posted 2022-01-04 小5聊

假如有这么一个需求，当打开下拉ul列表，列表值能够滚动到指定li中显示

1、offset()

offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。

该方法返回的对象包含两个整型属性：top 和 left，以像素计。

 2、position()

position() 方法返回匹配元素相对于父元素的位置（偏移）。

该方法返回的对象包含两个整型属性：top 和 left，以像素计。

3、由以上概念可知，获取li在ul中的top偏移值，需要使用position()

4、由以上概念可知，获取ul在整个文档的top偏移值，需要使用offset()

5、设置滚动值

$("body").scrollTop();
$("body").scrollLeft();

记得目标标签不能隐藏