jQuery.scrollSpeed 让页面滚动更加流畅,增加缓动效果
  • 分享到微信朋友圈
    X

jQuery.scrollSpeed 是一个专注于改变现代浏览器滚动速度的 jQuery 轻量级插件,让您的用户在浏览网站时享受到更加丝滑的滚动体验。它支持垂直和水平方向的滚动,并允许自定义缓动函数,让滚动动画更加平滑自然。 默认参数为步进值 100(单位)和速度 800 毫秒。

特点

  • 轻量级:小巧的文件体积不会对网页加载速度造成负担。

  • 兼容性广:支持主流浏览器,包括 Chrome、Safari(桌面版)、Firefox,以及部分其他浏览器。

  • 高度可定制:允许自定义滚动步进、速度以及缓动函数,满足多样化的需求。

  • 易于集成:基于 jQuery 构建,与现有 jQuery 代码库无缝配合。

  • 持续更新:随着版本迭代,功能不断丰富和完善。

关键js与解释

<script src="jquery.min.js"></script>  
<script src="jQuery.scrollSpeed.js"></script>
<script>
    $(function () {
        // 默认配置
        jQuery.scrollSpeed(100, 800);

        // 自定义缓动函数
        jQuery.scrollSpeed(100, 800, 'easeOutCubic');
    });
</script>