jQuery滚动到顶部插件scrollUp

xiaohai 2022-06-12 21:42:55 共4155人围观 标签： js 
简介ScrollUp 是一个轻量级的 jQuery 插件，用于创建可轻松用于任何网站的可自定义的“滚动到顶部”功能。

ScrollUp 是一个轻量级的 jQuery 插件，用于创建可轻松用于任何网站的可自定义的“滚动到顶部”功能。

引入文件：

<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>

最简单的调用方法：

$(function(){
  $.scrollUp();
});

调用时的默认选项：

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

图片alt

scrollUp提供了四种方式：

  • Tab：图片alt
  • Pill：图片alt
  • Link：图片alt
  • Image：图片alt

ScrollUp 可通过 CSS 完全自定义，这使得它可以轻松融入您的项目。只需在您的 CSS 文件中定位 scrollUp 生成的 ID 并设置您的样式。

参考地址：scrollUp jQuery 插件

相同类型文章

热门标签

每日一句

    新松恨不高千尺，恶竹应须斩万竿。

    ——杜甫

今日排行

  • Iris框架打包成二进制文件(包含静态文件)

    最近在使用Golang的WEB框架Iris做了一个小的系统，但是里面有一些静态的资源，如css、js、html文件，如果只是通过go build打包的这些静态文件是打包不进去的，所以本文主要记录下如何将所以文件都打包的二进制文件中。

  • Flutter实现桌面应用系统托盘功能

    桌面应用很多都会在系统托盘中出现，那么Flutter的开发的桌面应用该如何增加到系统托盘中呢？本文将带大家一起尝试一下.

  • Redis键管理

    首先我们通过fake2db生成一批测试数据，生成过程查看《Python常用包整理-fake2db：一个生成测试数据的工具》

  • Flutter布局基础示例

    通过学习Flutter的布局，可以通过ListView、Container、Row、Column等组件来对界面进行布局。

  • tac：反向显示文件内容

     tac是cat的反向拼写。因此命令的功能为反向显示文件的内容。tac则是从最后一行开始读取文件输出。

点击排行

友情链接