jquery.jscrollpane.js 스크롤 속도 설정

3411 단어
우선 플러그인에 있는 이 함수를 찾아서 다음과 같이 변경합니다.
function initMousewheel()
            {
                container.unbind(mwEvent).bind(
                    mwEvent,
                    function (event, delta, deltaX, deltaY) {

                        if (!horizontalDragPosition) horizontalDragPosition = 0;
                        if (!verticalDragPosition) verticalDragPosition = 0;

                        var dX = horizontalDragPosition, dY = verticalDragPosition, factor = settings.mouseWheelSpeed || event.deltaFactor;
                        jsp.scrollBy(deltaX * factor, -deltaY * factor, false);
                        // return true if there was no movement so rest of screen can scroll
                        return dX == horizontalDragPosition && dY == verticalDragPosition;
                    }
                );
            }

플러그인은 원래 이렇다.
function initMousewheel()
            {
                container.unbind(mwEvent).bind(
                    mwEvent,
                    function (event, delta, deltaX, deltaY) {

                        if (!horizontalDragPosition) horizontalDragPosition = 0;
                        if (!verticalDragPosition) verticalDragPosition = 0;

                        var dX = horizontalDragPosition, dY = verticalDragPosition, factor = event.deltaFactor || settings.mouseWheelSpeed;
                        jsp.scrollBy(deltaX * factor, -deltaY * factor, false);
                        // return true if there was no movement so rest of screen can scroll
                        return dX == horizontalDragPosition && dY == verticalDragPosition;
                    }
                );
            }

붉게 표시된 부분을 고쳐야 한다;
다시 js에 가서 속성을 설정합니다: json 형식입니다.
예:
$('.p5_content_wrap').jScrollPane({"mouseWheelSpeed":50});

스크롤 막대 적응이 필요한 경우 부모 컨테이너의 크기가 변경되면 스크롤 막대도 그에 따라 변경됩니다.
$('.company-pop-wrap ul').jScrollPane({"mouseWheelSpeed": 50, autoReinitialise: true});

 
전재 대상:https://www.cnblogs.com/qianduanjingying/p/5221914.html

좋은 웹페이지 즐겨찾기