移动端 回到顶部按钮特效

html部分

.gotop{position: fixed;width: 1rem;height: 1rem;z-index: 200;right: .3rem;bottom: 1.5rem;overflow: hidden;}

脚本部分

   // 回到顶部$('.gotop').click(function(){var dealTop = $("body").offset().top;$("html,body").scrollTo({toT:dealTop})});//平滑的回到顶部$.fn.scrollTo =function(options){var defaults = {toT : 0, //滚动目标位置durTime : 500, //过渡动画时间delay : 30, //定时器时间callback:null //回调函数};var opts = $.extend(defaults,options),timer = null,_this = this,curTop = _this.scrollTop(),//滚动条当前的位置subTop = opts.toT - curTop, //滚动条目标位置和当前位置的差值index = 0,dur = Math.round(opts.durTime / opts.delay),smoothScroll = function(t){

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！