Back Top ②(回到顶部)
2016-08-16 17:04
148 查看
<script> $(function() { $.fn.manhuatoTop = function(options) { var defaults = { showHeight : 200, speed : 1000 }; var options = $.extend(defaults,options);//从两个对象中获取参数 var $toTop = $(this); var $top = $("#goto-top"); $toTop.scroll(function(){ var scrolltop=$(this).scrollTop(); if(scrolltop>=options.showHeight){ $top.fadeIn(); } else{ $top.fadeOut(); } }); $top.click(function(){ $("html,body").animate({scrollTop: 0}, options.speed); }); } }); $(function (){ $(window).manhuatoTop({ showHeight : 200,//小于此高度不显示按钮 speed : 1000//回到顶部的动画速度 }); }); </script>
相关文章推荐
- js刷新页面不回到顶部
- js回到顶部和底部
- jQuery回到顶部的代码
- 回到顶部无动画版
- 5种回到顶部的写法从实现到增强
- iOS实现点击状态栏自动回到顶部效果详解
- 回到顶部总结
- js隐藏与显示回到顶部按钮及window.onscroll事件应用
- 回到顶部
- 缓慢回到顶部
- 基于js实现五中回到顶部的方法
- jquery插件--回到顶部的功能
- 避免刷新页面,自动跳回到页面顶部的办法
- jacascript 滚动 scroll 与回到顶部
- 回到顶部
- js 回到顶部
- 基于JS实现回到页面顶部的五种写法(从实现到增强)
- 点击图标快速回到页面顶部
- 回到顶部
- ScrollUp – 超轻量的可定制的回到顶部 jQuery 插件