首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

关于"回到顶部"代码的疑问

2013-03-16 
关于返回顶部代码的疑问$(function(){$(function () {$(window).scroll(function(){if ($(window).scrol

关于"返回顶部"代码的疑问

$(function(){
        
        $(function () {
            $(window).scroll(function(){
                if ($(window).scrollTop()>100){
                    $("#back-to-top").fadeIn(300);
                }
                else
                {
                    $("#back-to-top").fadeOut(300);
                }
            });
 
            
 
            $("#back-to-top").click(function(){
                $('body,html').animate({scrollTop:0},300);
                return false;
            });
        });
    });


这是一个"返回顶部"的代码,初衷是让页面向下拉到一定程度的时候,"返回顶部"按钮出现,返回顶部后按钮消失
但是现在的问题是:这个按钮一开始就会显示,然后拉到一定程度后先消失后再显示  www.dodoloo.com 就像这样,大家帮忙看看这段代码有什么要改动的?谢谢
[解决办法]
在html中先将按钮隐藏
还有你的代码明显不好,fideIn与fideOut都会反复执行,最好去掉动态效果

热点排行