如果你不多说,就看一个例子。
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,身体),或没有
影响 })
});
以上是本文的全部内容,希望本文的内容能给大家的
学习或
工作带来一定的帮助,同时也希望能给予更多的
支持!