首页 > 其他分享 >页面滚动平滑js插件

页面滚动平滑js插件

时间:2025-01-18 11:31:46浏览次数:1  
标签:插件 平滑 50 js SmoothScroll 页面

插件:SmoothScroll.js
CDN:https://cdnjs.com/libraries/smoothscroll
用法大概就下边这样了:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            div {
                height: 600px;
                border: 1px solid black;
                margin: 5px;
            }
        </style>
        <script src="./js/SmoothScroll.js"></script>
    </head>
    <body>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <script>
            SmoothScroll({
                frameRate: 150,
                animationTime: 1000,
                stepSize: 100,
                pulseAlgorithm: 1,
                pulseScale: 4,
                pulseNormalize: 1,
                accelerationDelta: 50,
                accelerationMax: 3,
                keyboardSupport: 1,
                arrowScroll: 50,
                fixedBackground: 1
            })
        </script>
    </body>
</html>

标签:插件,平滑,50,js,SmoothScroll,页面
From: https://www.cnblogs.com/duanyong/p/18678163

相关文章

  • node.js毕设个人资金账户管理论文+程序
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容选题背景关于个人资金账户管理问题的研究,现有研究主要以大型金融机构的账户管理体系优化为主,专门针对个人用户便捷、高效管理自身资金账户的研究较少。在国外,部分发......
  • node.js毕设个性化穿搭推荐系统论文+程序
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容选题背景随着互联网和电子商务的飞速发展,人们对于服装的购买方式和体验需求发生了巨大变化。在海量的服装商品面前,消费者急需高效、精准的穿搭推荐来满足个性化的时......
  • 【2024年华为OD机试】 (A卷,200分)- 硬件产品销售方案(Java & JS & Python&C/C++)
    一、问题描述题目描述某公司目前推出了AI开发者套件,AI加速卡,AI加速模块,AI服务器,智能边缘多种硬件产品,每种产品包含若干个型号。现某合作厂商要采购金额为amount元的硬件产品搭建自己的AI基座。例如当前库存有N种产品,每种产品的库存量充足,给定每种产品的价格,记为price(不......
  • 【2024年华为OD机试】 (B卷,100分)- 流水线(Java & JS & Python&C/C++)
    一、问题描述题目描述一个工厂有m条流水线,来并行完成n个独立的作业,该工厂设置了一个调度系统,在安排作业时,总是优先执行处理时间最短的作业。现给定流水线个数m,需要完成的作业数n,每个作业的处理时间分别为t1,t2,...,tn。请你编程计算处理完所有作业的耗时为多......
  • 在js中attribute和property的区别是什么?
    在JavaScript和前端开发中,HTML元素的"attributes"和"properties"经常会被提及,它们虽然相关,但有着明显的区别。定义:Attributes:是定义在HTML标签中的特性(例如,<inputtype="text"value="hello">中的type和value就是attributes)。它们总是在HTML源代码中可见,并且通常用于初始化元......
  • 举例说明js拖拽用到的事件有哪些?
    在JavaScript中,实现拖拽功能通常会用到以下事件:mousedown:当用户按下鼠标按钮时触发。在拖拽的上下文中,这通常是拖拽操作的起点。你可以在这个事件的处理函数中记录拖拽开始时的鼠标位置,以及设置一些标识来表示拖拽已经开始。mousemove:当鼠标在元素内部移动时触发。在拖拽过程中......
  • 举例说明如何在页面中添加数学公式?
    在前端开发中,向页面添加数学公式可以通过多种方法实现,以下是一些具体的例子和步骤:使用HTML转义字符:对于简单的数学公式,如“E=mc^2”,可以直接使用HTML转义字符来表示。例如,使用<sup>标签来表示上标:<p>E=mc<sup>2</sup></p>这种方法简单易行,但仅适用于简单的公式。使用Mat......
  • 请为什么说js是单线程,而不是多线程呢?
    JavaScript被设计为单线程语言,而不是多线程,主要基于以下几个原因:简化并发问题:单线程模型可以显著简化并发带来的复杂性。在多线程环境中,开发人员需要处理诸如竞态条件、死锁等复杂的同步问题。而JavaScript的单线程设计避免了这些问题,使得代码更加易于理解和维护。避免浏览......
  • node.js毕设工商学院宿舍管理系统论文+程序
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容选题背景关于高校宿舍管理系统的研究,现有研究主要以满足基本的住宿安排和人员信息管理为主。在国外,一些先进的高校宿舍管理系统已实现高度智能化,涵盖从入住到离校的......
  • ssm455大学心理咨询管理子系统的分析与实现+jsp
    博主介绍:专注于Java(springbootssm等开发框架)vue .net phpphythonnode.js  uniapp微信小程序等诸多技术领域和毕业项目实战、企业信息化系统建设,从业十五余年开发设计教学工作☆☆☆精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟我的博客空间发布了2000+毕设......