分享一则JavaScript滚动条插件源码

2020-05-23 06:21:34易采站长站整理

        },
        convertValue: function (value) {
            /// <summary>
            ///     1: 将数值转换为有效的数值
            ///         1.1 – convertValue(value) – 将Json配置的css数值转换为有效的数值,请保证value的值不为”auto”
            /// </summary>
            /// <param name=”value” type=”Object”>
            ///     要转换的数值
            /// </param>
            /// <returns type=”Object” />
            var reg = /^d+$/g;
            if (typeof (value) === ‘number’ || reg.test(value)) {
                return value + ‘px’;
            } else
                return value;
        }
    };
    //注册到window下
    window.linkFlyScroll = linkFlyScroll;
    //注册到window.so命名空间下
    if (!window.so) {
        window.so = {};
    }
    window.so.scroll = window.linkFlyScroll;
})(window);

代码示例


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
    <title></title>
    <link href=”linkFlyScroll/linkFlyRollCss.css” rel=”stylesheet” type=”text/css” />
    <script src=”linkFlyScroll/linkFlyScroll-1.0.0.js” type=”text/javascript”></script>
    <script type=”text/javascript”>
        window.onload = function () {
            var config = {
                auto: true, //当内容并未达到容器的高度的时候,是否自动隐藏滚动条