给锚点加滑动效果

最新推荐文章于 2023-06-30 12:05:19 发布

原创最新推荐文章于 2023-06-30 12:05:19 发布 · 339 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #jquery

本文介绍了一种使用jQuery实现页面元素平滑滚动的方法。通过点击特定的div元素，页面会以动画形式滚动到目标位置，提供更好的用户体验。此效果通过获取目标元素的位置并使用animate方法实现。

	<script>
		jQuery(function($) {    
		    $(".div_name").click(function() {    
		        $("html, body").animate({    
		            scrollTop: $($(this).attr("href")).offset().top + "px"    
		        }, 1500);    
		        return false;    
		    });    
		});
	</script>