zoukankan      html  css  js  c++  java
  • 鼠标滚轮 控制作用滚动

        config.maxScroll = $('.scroll-x table').outerWidth() - $('.scroll-x').outerWidth();
        config.speed = 30;
        $('.scroll-x')[0] ? $('.scroll-x')[0].onmousewheel = function(event) {
            if($(this).width() == $(this).find('table').width()){
                return;
            };
            var event = event ? event : window.event;
            var dir = event.wheelDelta;
            var k = event.wheelDelta ? event.wheelDelta : -event.detail * 10;
            $(this)[0].scrollTop = $(this)[0].scrollTop - k;
            if (dir > 0) { // 向右
                config.tableScroll += config.speed;
                if (config.tableScroll >= config.maxScroll) {
                    config.tableScroll = config.maxScroll;
                }
            } else { // 向左
                config.tableScroll -= config.speed;
                if (config.tableScroll <= 0) {
                    config.tableScroll = 0;
                }
            }
            $(this).scrollLeft(config.tableScroll);
            return false;
        } : '';
        $('.scroll_speed').click(function() {
            $(this).addClass('btn-primary');
            $(this).siblings('.scroll_speed').removeClass('btn-primary')
            config.speed = $(this).data('speed') ? $(this).data('speed') : config.speed;
        });
    <div class="scroll-x">
      <table></table>
    </div>
  • 相关阅读:
    Oracle 常用的单行函数
    mysql练习02
    mysql练习
    Linux命令
    JSS
    CSS
    Html标签
    需求文档
    Oracle 常用的单行函数
    RHEL7最小化安装之后(桥接模式),查看本机IP,
  • 原文地址:https://www.cnblogs.com/heqhbk/p/5163677.html
Copyright © 2011-2022 走看看