jQuery UItoTop 返回顶部插件自动显示或者隐藏平滑返回顶部功能
  • 分享到微信朋友圈
    X
立即下载 查看演示

UItoTop jQuery 是一个简单的 jQuery 插件，可以帮助开发者在网页中添加一个返回顶部的按钮。

功能

  • 在页面滚动到底部时自动显示返回顶部的按钮。

  • 点击按钮后，页面会以平滑的方式滚动到顶部。

  • 可自定义按钮的位置、外观和行为。

  • 兼容各种浏览器和移动设备。

特点

  • 简单易用：只需几行代码即可完成设置。

  • 自定义性强：可以自定义按钮的位置、外观和行为。

  • 良好的兼容性：支持多种浏览器和移动设备。

主要js代码与说明

<script type="text/javascript">
    $(document).ready(function () {
        $('toTop').UItoTop({
            easingType: "easeOutQuart" //动画效果需要引用easing.js
        });
    });
</script>

更多参数

  • text: 'To Top'

  • min: 200

  • inDelay:600

  • outDelay:400

  • containerID: 'toTop'

  • containerHoverID: 'toTopHover'

  • scrollSpeed: 1200

  • easingType: 'linear'