踩坑(已解决)：使用jQuery的animate+scrollTop实现平滑滚动到锚点处时，屏幕闪烁的问题

$('.btn').click(function() {
	$('html,body').animate({
		scrollTop: $('#box').offset().top - 10
	}, 600)
})

问题

点击按钮后，页面会闪烁一下再滑动，影响浏览效果。

原因

这个问题找了很久的原因都没有找到，偶然间换了一个版本发现正常了。所以判断是使用的jQuery版本太低，如jquery-1.7.2。

解决

建议换成更高版本，如jquery-3.5.1（我使用的没问题的版本）
jQuery官网：jQuery官网下载

注意

因为3以上版本改了一些语法，所以要检查一下旧代码是否要更改。