jQuery滚动到顶部插件scrollUp

xiaohai 2022-06-12 21:42:55 共4167人围观 标签： 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 插件

相同类型文章

热门标签

每日一句

    在一回首间，才忽然发现，原来，我一生的种种努力，不过只为了周遭的人对我满意而已。

    ——席慕容

今日排行

  • Laravel使用MongoDB复杂的查询

    在使用Laravel中如果要进行复杂的查询，那么通过模型中的函数来查询是不行的，所以本文主要记录如何通过aggregate来进行复杂的查询。

  • Golang编译打包Vue项目到二进制包

    Golang打包一般的静态资源文件到二进制文件中还是比较简单，但是如果遇到使用Vue编写的后台界面，该如何打包呢？本文就是记录如何打包Vue到二进制包

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

  • PHP的array_walk_recursive函数

    php中的array_walk_recursive函数对数组中的每个成员递归地应用用户函数

  • 图片视频下载利器：you-get

    you-get是一个基于Python的开源命令行工具，主要用于下载来自多个视频网站的视频、音频和图片资源。它支持YouTube、Bilibili、Vimeo等平台，可通过简单命令快速获取下载链接并支持自定义保存路径和格式。 ‌

点击排行

友情链接