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

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，身体），或没有影响
}）
}）；




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