【JavaScript】Jquery实现将固定高度div的滚动条滚动到指定子元素所在的位置

当前位置：点晴教程→知识管理交流 →『技术文档交流』

admin

2023年12月11日 19:22 本文热度 701

确保该元素满足以下几个条件：

1、确保在获取该元素时，元素一定有高度height;

2、确保该元素的overflow为auto或者scroll;

以上两步缺一不可。

function scrollLocation(father, scrollTo) {
    // father.scrollTop(
    //     scrollTo.offset().top - father.offset().top + father.scrollTop()
    // );
    // 上面方法无动画效果，下面方法有动画滚动效果，建议用下面方法，1000为滚动时间，单位ms，可以自行更改：
    father.animate({
        scrollTop: scrollTo.offset().top - father.offset().top + father.scrollTop()
    }, 1000);
};

var father= $('#scroll_div');     //父容器DIV的ID
var scrollTo= $('#row_8');        //要滚动到的字元素ID
scrollLocation(father, scrollTo);

该文章在 2023/12/12 16:11:37 编辑过

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。