html代码:
<img src="img/air.png" class="airmain" alt="返回顶部"
style="width: 44px;
height: 44px;
bottom: 30%;
right: 1.2%;
display: none;
cursor: pointer"/>
js代码
$(function () {
$(window).scroll(function() {
if ($(window).scrollTop() > 350) {
$("img.airmain").fadeIn(150);
} else {
$("img.airmain").fadeOut(150);
}
});
$('img.airmain').click(function() {
$("html,body").animate({ scrollTop: 0 }, 500);
});
});
//窗口滚动350高度的时候,就让图片慢慢出现呗,否则就隐藏呗
//然后给图片或者button 一个点击事件回顶部,带动画的,最贱的就是一个弄一个锚点,一点直接蹦顶部了,没效果好看