jquery 插件页面回到顶部

引用：

jquery.scrollUp.min.js

js:

 $.scrollUp({scrollName: 'scrollUp', // Element IDtopDistance: '300', // Distance from top before showing element (px)topSpeed: 300, // Speed back to top (ms)animation: 'fade', // Fade, slide, noneanimationInSpeed: 200, // Animation in speed (ms)animationOutSpeed: 200, // Animation out speed (ms)scrollText: '', // Text for elementactiveOverlay: false  // Set CSS color to display scrollUp active point, e.g '#00FFFF'});

html:

  <a id="scrollUp" href="#top" title="" style="position: fixed; z-index: 2147483647;display: block;"></a>

css:

#scrollUp
{bottom: 20px;right: 20px;height: 38px;width: 38px;background: url("../../../images/top.png") no-repeat;
}

至于图片，你们自己加吧！

jquery 插件页面回到顶部相关推荐

js——页面回到顶部
很久都没有去慕课网学习学习了,刚恰好就看见了一个用的比较多的小例子--页面回到顶部,记得之前自己也是在初学web时,被这个坑了一回,因此今天特地拿来分享分享-- <!DOCTYPE html&g ...
HTML点击元素页面回到顶部,博客园页面添加返回顶部 TOP 按钮
博客园页面添加返回顶部 TOP 按钮 TOP 按钮进入网页管理 -> 设置在 "页面定制 CSS 代码" 中添加如下 CSS 样式, 当然你可以改为自己喜欢的样式此处可 ...
Vue项目页面回到顶部
实现的方法: 一.借助element-plus框架的Backtop回到顶部组件(点击按钮缓慢回顶部) 注意:这个组件想显示出来,必须放到产生滚动效果的元素内部,且是放到最上面!所以必须明确是哪个元素有 ...
js实现网页页面回到顶部
<script language="javascript"> $(function(){var $backToTopTxt = "返回顶部", $b ...
uniapp页面回到顶部方法
本文讲的是在uniapp项目中实现页面回顶效果的方法.以下是代码(回顶可能多个页面都需要用到建议封装成一个组件) 一.方法一 <template><view class=" ...
php 回到顶部,jquery如何实现点击网页回到顶部效果？（图文+视频）
本篇文章主要给大家介绍如何用jquery代码实现网页回到顶部的效果. 我们在浏览各大网站页面时,想必大家肯定都遇到过,当阅览一个长页面时,拉到下面部分会出现类似回到顶部的按钮特效吧. 这种点击回到顶部 ...
vue-router常见问题解决方案。（滚轴回到顶部、页面跳转同一页面报错、手机电脑端路由跳转）
当页面跳转后,侧边滚轴会还是一个页面位置 //路由跳转后,页面回到顶部 router.afterEach(() => {document.body.scrollTop = 0;document. ...
浏览器刷新页面后回到顶部_JavaScript仿知乎回到顶部功能
一般的网站都有个回到顶部,回到顶部又有多种方法可以实现, 方法1: 在css中添加 html {scroll-behavior: smooth; } 然后在回到顶部按钮上加一个a标签,herf属性写顶 ...
教你开发jQuery插件（转）
教你开发jQuery插件(转) 阅读目录基本方法支持链式调用让插件接收参数面向对象的插件开发关于命名空间关于变量定义及命名压缩的好处工具 GitHub Service Hook 原文: ...
php置顶功能代码,jquery实现页面置顶功能代码
//获取页面的最小高度,无传入值则默认为600像素 min_height ? min_height = min_height : min_height = 600; //为窗口的scroll事件绑定处 ...

jquery 插件页面回到顶部

jquery 插件页面回到顶部相关推荐

最新文章

热门文章