jQuery滚动到顶部插件scrollUp

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

相同类型文章

热门标签

每日一句

    精诚无间同忧乐，笃爱有缘共死生。

    ——鲁迅

今日排行

  • 符号表(Symbol Table)

    符号表（Symbol Table）是一个非常常见的数据结构，在现实生活中应用很多。它是一个“键”—“值”对应的结构。在符号表中，存储的是键值对。通过输入键，查询对应的值。

  • SSH删除密钥

    以前配置了服务器的免密登录，但是后期重新装了操作系统，那么再次尝试却出现了WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!提示，那么我们需要将以前的公钥删掉

  • OpenCV-Python图像类型转换

    OpenCV-Python图像类型转换是用cv2.cvtcolor()函数，用于将图像从一个颜色空间转换为另一个颜色空间。它的参数包括输入图像、目标颜色空间和转换方式。例如，将RGB图像转换为灰度图像可以使用cv2.COLOR_RGB2GRAY作为转换方式。

  • lsof：查看进程打开的文件

     lsof命令的全称为：list open file，也就是列出系统中已经打开的文件，通过该命令就可以根据文件找到对应的进程信息，也可以根据进程信息找到进程打开的文件。   如果系统中没有lsof名，可以使用后面的命令进行安装：yum -y install lsof

  • OpenCV-Python图像金字塔：向下取样和向上取样

    OpenCV-Python图像金字塔向下取样和向上取样使用高斯金字塔，主要使用如下两个函数：cv2.pyRdown和cv2.pyrUp.

点击排行

友情链接