HTML页面之间转换时出现白色闪烁

时间:2013-09-13 15:27:43

标签: javascript jquery html anchor

我正在尝试在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) 

感谢。

0 个答案:

没有答案