jquery实现页面常用的返回顶部效果

本文实例为大家分享了jquery实现返回顶部效果的全部代码，供大家参考，具体内容如下

效果图：

实现代码：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题返回顶部/title style type=' text/CSS ' * { margin : 0；padd : 0；} .包装{ height: 2000px}。gotop { display:块；宽度： 32px高度： 32px背景-颜色：红色；文本对齐：中心；文本装饰：无；font-size : 14px字体粗细：粗体；颜色：白色；线高： 32px位置：固定；right :50 pxbottom :50 pxo pa city 3360 0；/* top : 500 px；*/}/style/head body div class=' wrap ' a href=' # # # ' class=' gotop ' top/a/div脚本类型=' text/JAVAScript ' src=' http : jquery-1。11 .3 .量滴js /脚本脚本类型=' text/JavaScript ' $(function(){//当滚动条滚动大于200时出现，未大于，消失$(窗口)。滚动（函数(){ if($(文档))。滚动顶部()200){//alert(' kk ')；$('.gotop ').停止()。animate({ opa city 3360 0 }，1000) } else{ $(' .gotop ').显示()。停止()。动画({ opacity: 1 }，1000) } }) //返回顶部$('.gotop ').on('click '，function(){ $('html body ').动画({ scrollTop:0 }，1000)})/脚本/正文/html希望本文所述对大家学习爪哇岛描述语言程序设计有所帮助。