首页 > 代码库 > 一个简单的返回顶部jQuery代码
一个简单的返回顶部jQuery代码
本文演示jQuery返回顶部,当文章页比较长时间,可以方便用户返回网站的顶部,实现代码也不难,大家学习下!
调用代码:
<script language="javascript" type="text/javascript" src=http://www.mamicode.com/"jquery-1.4.2.min.js"></script>>其中scrollSilde.js代码为:可以500%提高开发效率的前端UI框架!
//返回顶部 $(function () { $.fn.gotoTop = function (options) { var defaults = { showHeight: 150, speed: 1000 }; var options = $.extend(defaults, options); $(document.body).prepend("<div id='totop'><a></a><p></p></div>"); var $toTop = $(this); var $top = $("#totop"); var $ta = $("#totop a"); var $bt = $("#totop p"); $toTop.scroll(function () { var scrolltop = $(this).scrollTop(); if (scrolltop >= options.showHeight) { $top.show(); } else { $top.hide(); } }); $ta.click(function () { $("html,body").animate({ scrollTop: 0 }, options.speed); }); $bt.click(function () { $("#mess").show(); }); } });一个简单的返回顶部jQuery代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。