欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

offsetTop 实现滚动条内内容定位

程序员文章站 2022-04-19 14:00:00
js代码: ......

js代码:

var _parent_top = document.getelementsbyclassname('task-exe-phase-container')[0].offsettop;
var _phase_top = document.getelementsbyclassname('phase_'+_phase.phase_no)[0].offsettop;
$('.task-exe-phase-container').animate({scrolltop:(_phase_top - _parent_top)+'px'},500);

注:找到父元素距离当前顶部的滚动距离,找到需要定位的元素距离顶部的距离。他们的差就是滚动条需要滚动的距离。

offsetTop 实现滚动条内内容定位