jquery 页面滚动到指定DIV

蜂蜜柚子茶

于 2021-03-17 14:04:55 发布

阅读量463

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/fmyzc/article/details/114928041

本文介绍了一种使用jQuery库实现网页元素平滑滚动的方法。通过定义一个名为mScroll的函数并传入目标元素ID作为参数，可以使得页面滚动到指定元素位置，并伴有动画效果。此方法适用于希望提升用户体验的Web开发者。

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

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script>
    function mScroll(id){
        $("html,body").stop(true);
        $("html,body").animate({scrollTop: $("#"+id).offset().top}, 1000);
    }
</script>