jQueryのscrollLeftおよびscrollTopメソッドスライドのメソッド解析

vueのプロジェクトでは、jQueryのライブラリを導入することに慣れていませんJqueryのスライドソース解析を見て、実際には直接原生の方法でdomスライドを操作することができます

jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
    var top = "pageYOffset" === prop;

    jQuery.fn[ method ] = function( val ) {
        //access     method(elem[0],val)
        return access( this, function( elem, method, val ) {
            var win = getWindow( elem );//   window
            if ( val === undefined ) {//  val undefined
                //  win  ，  window[prop] prop      
                //     ，  elem[method] method      
                return win ? win[ prop ] : elem[ method ];//window.pageXOffset    elem.scrollLeft
            }
            //      
            if ( win ) {//$(window) $(document)
                win.scrollTo(
                    !top ? val : window.pageXOffset,
                    top ? val : window.pageYOffset
                );

            } else {
                elem[ method ] = val;
            }
        }, method, val, arguments.length, null );
    };
});

実はこのソースが一番重要なのは

win.scrollTo(
    !top ? val : window.pageXOffset,
    top ? val : window.pageYOffset
);

scrollToはそのままご利用いただけます

scrollTo(xpos,ypos)

パラメータ
説明
xpos
必要です.ウィンドウドキュメント表示領域の左上隅に表示するドキュメントのx座標.
ypos
必要です.ウィンドウドキュメント表示領域の左上隅に表示するドキュメントのy座標.
このときdocumentを直接操作する.querySelector(’.tabbox’).scrollTo(scrollWidth,0)はjQueryを導入することなく