jQuery滚动到顶部插件scrollUp

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

相同类型文章

热门标签

每日一句

    每个人都有一定的理想，这种理想决定着他的努力和判断的方向。

    ——爱因斯坦

今日排行

  • 网页扫描二维码库：Html5-Qrcode

    网页扫描二维码库：Html5-Qrcode，官网地址：https://scanapp.org/html5-qrcode-docs/

  • 使用oh-my-zsh美化你的终端

    平时在使用终端的时候总是感觉样式不太美观，智能提示不太友好。恰巧今天在无意间看到了oh my zsh这个框架，让你瞬间觉得终端还可以这样玩。本文主要介绍安装方式，留着以后使用。

  • Flutter：文本输入框组件TextField

    文本框组件TextField在应用程序中是使用非常广泛的组件，用户要与应用程序进行交互，那么文本框组件就是一种非常常见的交互方式。顾名思义，文本框组件作用就是接收用户的输入。

  • Go获取协程ID

    最近在做Golang的web框架日志，想将一个请求的所有日志上都绑定一个请求ID，由于最初框架的搭建没有解耦好，所以很难在日志中输出请求ID。于是想到了能否用协程ID来记录一个对应的请求ID，然后进行获取。

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

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

点击排行

友情链接