jQuery滚动到顶部插件scrollUp

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

相同类型文章

热门标签

每日一句

    作为一个人，要是不经历过人世上的悲欢离合，不跟生活打过交手仗，就不可能真正懂得人生的意义。

    ——杨朔

今日排行

  • Python调用WPS把文档转换PDF，并把PDF转图片

    Python调用WPS把文档转换PDF，并把PDF转图片，首先需要安装WPS，然后利用pypiwin32把文档转化成PDF，再利用fitz、PyMuPD把PDF转化成图片

  • Centos中用Chrome将网页导出为PDF

    Centos中用Chrome将网页导出为PDF，chrome --headless --print-to-pdf https://developer.chrome.com/

  • 什么是Skywalking

    SkyWalking是一个开源的观测平台，用于从服务和云原生等基础设施中收集、分析、聚合以及可视化数据。SkyWalking 提供了一种简便的方式来清晰地观测分布式系统，甚至可以观测横跨不同云的系统。SkyWalking 更像是一种现代的应用程序性能监控（Application Performance Monitoring，即APM）工具，专为云原生，基于容器以及分布式系统而设计。

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

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

  • supervisord管理python进程，print内容不能输出到指定的日志文件

    用supervisord管理python进程，python程序中的print内容不能输出到指定的日志文件

点击排行

友情链接