JQ实现将div的滚动条滚动到指定子元素所在的位置

傻的太坏

于 2022-07-14 11:09:37 发布

阅读量753

点赞数

CC 4.0 BY-SA版权

分类专栏：技术文章标签： css 前端

本文链接：https://blog.csdn.net/weixin_38897313/article/details/125780319

技术专栏收录该内容

47 篇文章

订阅专栏

这段代码实现了一个功能，确保元素在获取时具有高度并设置其overflow属性为auto或scroll，从而允许滚动。函数`scrollLocation`接收两个参数，一个父元素和一个要滚动到的目标元素，然后使用jQuery平滑滚动到目标元素的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

确保在获取该元素时，元素一定有高度height;
2.确保该元素的overflow为auto或者scroll;
以上两步缺一不可

function scrollLocation(father, scrollTo) {

    // father.scrollTop(
    //     scrollTo.offset().top - father.offset().top + father.scrollTop()
    // );
    // Or you can animate the scrolling:
    father.animate({
        scrollTop: scrollTo.offset().top - father.offset().top + father.scrollTop()
    }, 1000);
};

var father= $('div'),
    scrollTo= $('#row_8');
scrollLocation(father, scrollTo)