zoukankan      html  css  js  c++  java
  • 拖动内容,滚动条滚动,横向

        /**
         * 拖动内容,滚动条滚动,横向
         * @param {string} container 需要拖动的面板
         */
        function dragMoveX(container) {
            var flag;
            var downX;
            var scrollLeft;
    
            $(document.body).on("mousedown", container, function (event) {
                flag = true;
                downX = event.clientX;
                scrollLeft = $(this).scrollLeft();
            });
    
            $(container).on("mousemove", function (event) {
                if (flag) {
                    var moveX = event.clientX;
                    var scrollX = moveX - downX;
                    console.log("moveX" + moveX);
                    console.log("scrollX" + scrollX);
                    if (scrollX < 0 && scrollLeft > 0) {
                        $(this).scrollLeft(scrollLeft - scrollX)
                    }
                    else {
                        $(this).scrollLeft(scrollLeft - scrollX)
                    }
                }
            });
    
            $(container).on("mouseup", function () {
                flag = false;
            });
    
            $(container).on("mouseout", function (event) {
                if (event.pageX < 0 || event.pageX > document.body.offsetWidth) {
                    flag = false;
                }          
            });
        }
        
        dragMoveX(".table-container");
    

      

  • 相关阅读:
    IOS之UIKit_Day13
    IOS之UIKit_Day12
    IOS之UIKit_Day11
    IOS之UIKit_Day10
    iOS设计模式之工厂模式
    常用操作
    盒子模式
    block循环使用问题
    IOS-sqlite3
    IOS-View用作控制器
  • 原文地址:https://www.cnblogs.com/webenh/p/9485551.html
Copyright © 2011-2022 走看看