JS页面平滑滚动

来源:小凡日期:2022年4月19日

回顶部源码网上代码很多,很多不够顺滑,今天介绍一款平滑滚动返回顶部的源码

页面平滑滚动JS部分代码:

(function () {
   
// Scroll Variables (tweakable)
var defaultOptions = {
 
    // Scrolling Core
    frameRate        : 150, // [Hz]
    animationTime    : 400, // [ms]
    stepSize         : 100, // [px]
 
    // Pulse (less tweakable)
    // ratio of "tail" to "acceleration"
    pulseAlgorithm   : true,
    pulseScale       : 4,
    pulseNormalize   : 1,
 
    // Acceleration
    accelerationDelta : 50,  // 50
    accelerationMax   : 3,   // 3
 
    // Keyboard Settings
    keyboardSupport   : true,  // option
    arrowScroll       : 50,    // [px]
 
    // Other
    touchpadSupport   : false, // ignore touchpad by default
    fixedBackground   : true, 
    excluded          : ''   
};
 
var options = defaultOptions;

下载地址:https://pan.baidu.com/s/1hr39odY

相关文章
微信咨询微信咨询
二维码
微信扫码 立即咨询
销售热线咨询热线
15202181997
立即咨询立即咨询