jQuery滚动到顶部插件scrollUp
简介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'
});
});
scrollUp提供了四种方式:
- Tab:
- Pill:
- Link:
- Image:
ScrollUp 可通过 CSS 完全自定义,这使得它可以轻松融入您的项目。只需在您的 CSS 文件中定位 scrollUp 生成的 ID 并设置您的样式。
参考地址:scrollUp jQuery 插件