Question

    <script src="js/jquery-1.9.1.js"></script>
    <?php include("fancybox/fb.php"); ?>
    <script type="text/javascript" src="js/jquery.slimscroll.js"></script>
    <script type="text/javascript">

    $(document).ready(function() {
    /*
     *  Simple image gallery. Uses default settings

     */
    /*scroll page*/

     $('#testDiv').slimScroll({
          railVisible: true,
          railColor: '#f00'
      });
      jQuery.noConflict();
     $('.fancybox').fancybox();


/*fancy Box */   
     $('.fancybox-buttons').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        prevEffect : 'none',
        nextEffect : 'none',
        'transitionIn'  :   'elastic',
        'transitionOut' :   'elastic',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        closeBtn  : false,

        helpers : {
        title : {
        type : 'inside'
        },
        buttons : {}
        },

        afterLoad : function() {
        this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
        }
        });




        });


        </script>

Answer 1

slimScroll插件通过在可滚动区域上处理鼠标滚轮事件来模拟滚动，这可能是JS与本机滚动或其他js代码冲突的原因。尝试使用本机浏览器滚动的jQuery Scrollbar，而不处理/阻止鼠标滚轮事件。或者尝试使用此scrollbars comparison table

中任何类型为 Native 的滚动条

如何避免jquery花哨的盒子和鼠标滚动冲突

1 个答案: