首页 > 其他 > 详细

鼠标滚轮 控制作用滚动

时间:2016-01-27 17:12:29      阅读:225      评论:0      收藏:0      [点我收藏+]
    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>

 

鼠标滚轮 控制作用滚动

原文:http://www.cnblogs.com/heqhbk/p/5163677.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!