js返回到顶级实例共享

如果你不多说,就看一个例子。

1,html结构





2,CSS样式


return_top {。
宽度:50px;
身高:50px;
背景:URL(。 / /劳论图像,GIF)没有重复中心# ff8d16;
位置:固定;
右:30px;
底部:30px;
显示:无;
光标:指针;
Z指数:99;
}


3、JS效应



$(函数(){())
$(窗口)。滚动(函数(){)
无功topdistance = $(窗口)(。scrollTop); / /把鼠标移到窗口的高度,在现有的条件下
如果(topdistance > 100){ / /如果移动高度超过100px,只显示顶部的图标,如果高度小于或等于100,则不显示图标的顶端
$('。return_top)。FadeIn(800);
其他{ }
$('。return_top)。FadeOut(800);
}
});
$('。return_top '),(听到咔哒声,函数()){
('html美元,身体),动画({ 0 } scrollTop:,800); / /必须使用$('html,身体),或没有影响
})
});




以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!