如何避免jQuery的花哨的框和鼠标滚动冲突

<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>

来源

2014-07-07 Manoj Reddy

给出您的网站的URL，请不要在本地主机上说它。 –

它是本地主机 –

slimScroll插件通过处理scrollwheel事件在可滚动区域模拟滚动，可能是JS本地滚动或其他js代码冲突的原因。尝试使用原生浏览器滚动而不处理/防止鼠标滚轮事件的jQuery Scrollbar。或者尝试使用类型为的任意滚动条本地来自此scrollbars comparison table

来源

2014-07-19 06:58:58 Gromo

如何避免jQuery的花哨的框和鼠标滚动冲突

回答

相关问题