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

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

        //设置滚动条滚动基数(滚动条没滚动1px内容滚动像素):(内容高度-容器高度[因为当前容器已经显示了一屏])/滚动条top(滚动条空白可滚动高度)
        currScroll.scrollRadix = (currScroll.context.offsetHeight – currScroll.target.clientHeight) / currScroll.bottomLimit;
        return currScroll;
    };
    linkFlyScroll.prototype.init.prototype.roll = function (value) {
        /// <summary>
        ///     1: 滚动条偏移方法
        ///         1.1 – roll(value) – 滚动条滚动方法
        /// </summary>
        /// <param name=”value” type=”Int”>
        ///     滚动条目标滚动的百分比
        /// </param>
        /// <returns type=”linkFlyScroll” />
        var currScroll = this;
        if (typeof (value) !== ‘number’) {
            return currScroll;
        }
        var currTop = (currScroll.bottomLimit – currScroll.topLimit) * value / 100;
        currScroll.scrollEvent(currTop);
        currScroll.endTop = currTop;
        return currScroll;
    };
    /*
    * 工具类
    */
    var tool = {
        setClass: function (element, className) {
            /// <summary>
            ///     1: 设置元素节点的class属性
            ///         1.1 – setClass(element,className) – 设置元素节点的class属性,如没有该节点则创建该节点,并返回修改后的节点对象
            /// </summary>
            /// <param name=”element” type=”Element Or String”>
            ///     传入String则创建该节点,否则修改该节点