数码资讯
回到顶级代码,用jQuery实现智能隐藏和滑动效果
在线演示:传输门 HTML代码(放在页面的任何位置和美化CSS): 复制代码如下:回到顶部 js代码:复制代码代码如下: $(文档)Ready(函数(){) 的#回到顶部 / /隐藏 $(#回到顶部)隐藏(); 当滚动条的位置小于顶部的100个像素时,跳转链接出现或消失。 $(函数(){()) $(
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
在线演示:传输门
HTML代码(放在页面的任何位置和美化CSS):
复制代码如下:回到顶部
js代码:复制代码代码如下:
$(文档)Ready(函数(){)
的#回到顶部 / /隐藏
$(#回到顶部)隐藏();
当滚动条的位置小于顶部的100个像素时,跳转链接出现或消失。
$(函数(){())
$(窗口)。滚动(函数(){)
如果($(窗口),ScrollTop()> 100){
$(#回到顶部),FadeIn(1500);
{人}
$(#回到顶部),FadeOut(1500);
}
});
当您单击链接/跳转时,返回到页面位置的顶部。
$(#回到顶部)。Click(function(){)
('body美元,HTML的动画({)。
scrollTop:0
},
1000);
返回false;
});
});
});
HTML代码(放在页面的任何位置和美化CSS):
复制代码如下:回到顶部
js代码:复制代码代码如下:
$(文档)Ready(函数(){)
的#回到顶部 / /隐藏
$(#回到顶部)隐藏();
当滚动条的位置小于顶部的100个像素时,跳转链接出现或消失。
$(函数(){())
$(窗口)。滚动(函数(){)
如果($(窗口),ScrollTop()> 100){
$(#回到顶部),FadeIn(1500);
{人}
$(#回到顶部),FadeOut(1500);
}
});
当您单击链接/跳转时,返回到页面位置的顶部。
$(#回到顶部)。Click(function(){)
('body美元,HTML的动画({)。
scrollTop:0
},
1000);
返回false;
});
});
});
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。