jQuery滚动到顶部插件scrollUp

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