我正在使用以下脚本来获得平滑的缓动效果,以在同一页面内导航顶部/底部。我在各种浏览器中成功实现了这一点,但是当动画在 Chrome 中启动时,页面会闪烁。页面在 Flash 中单击时会转到顶部,然后允许页面执行动画。
有没有可能摆脱 Chrome 中的闪烁效果?
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('a').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500,'easeInOutQuad');
/*
if you don't want to use the easing effects:
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
*/
event.preventDefault();
});
});