我正在尝试在stackoverflow上实现一些我发现here的JavaScript代码,以便使用标准版在页面上的一个链接和其他页面中的其他部分之间平滑过渡:
<a href="example.html#anchor">
问题是,当用户点击链接时,在顺利晃动之前会出现1秒白色闪光。我不喜欢“用户体验”的这种行为
我该如何防止这种情况?
JavaScript:
(function($){
var jump=function(e)
{
if (e){
e.preventDefault();
var target = $(this).attr("href");
}else{
var target = location.hash;
}
$('html,body').animate(
{
scrollTop: $(target).offset().top
},1000, function()
{
location.hash = target;
});
}
$('html, body').hide()
$(document).ready(function()
{
$('a[href^=#]').bind("click", jump);
if (location.hash){
setTimeout(function(){
$('html, body').scrollTop(0).show()
jump()
}, 0);
}else{
$('html, body').show()
}
});
})(jQuery)
感谢。