jQuery滚动到顶部插件scrollUp

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

相同类型文章

热门标签

每日一句

    逝者如斯夫，不舍昼夜。

    ——孔子

今日排行

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

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

  • CFFLS安装和使用

    CFSSL是CloudFlare开源的一款PKI/TLS工具。 CFSSL 包含一个命令行工具 和一个用于 签名，验证并且捆绑TLS证书的 HTTP API 服务。 使用Go语言编写。

  • 树(Tree)

    树是计算机中非常重要的一种数据结构，使用树这种数据结构可以描述显示生活中很多事物，例如家谱图、单位的组织架构等等

  • stat：显示文件或文件系统状态

    用来显示文件的详细信息，包括inode, atime, mtime, ctime

  • Python修改Windows桌面壁纸

    为了实现能定时修改桌面背景，又不想使用其他的软件，所以自己就通过了Python实现了更换桌面背景的程序，后期通过执行定时任务来修改自己的桌面背景。

点击排行

友情链接