如何避免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的花哨的框和鼠標滾動衝突

回答

相關問題