觸發鼠標滾輪在桌面上從左到右滾動，在窗口寬度下從上到下滾動寬度低於768px

Question

我試圖觸發鼠標滾輪在桌面上從左到右滾動，並在768px以下的窗口寬度從上到下滾動。

這是我到目前爲止有：

jQuery(document).ready(function($) { 
    if($(this).width() > 768) { 
    $('html, body, *').mousewheel(function(e, delta) { 
     this.scrollLeft -= (delta * 40); 
     e.preventDefault(); 
    }); 
    } 
$(window).resize(function() { 
     if($(this).width() > 768) { 
    $('html, body, *').mousewheel(function(e, delta) { 
     this.scrollLeft -= (delta * 40); 
     e.preventDefault(); 
    }); 
    } 
    }); 
}); 

工程時，頁面加載正常，但調整時不會改變，所以我想有什麼東西了該片段的大小調整的一部分。

Answer 1

試着做一個函數，然後在調整大小，每次運行函數：

jQuery(document).ready(function($) { 

    function mouseScroll(){ 
     $('html, body, *').mousewheel(function(e, delta) { 
      this.scrollLeft -= (delta * 40); 
      e.preventDefault(); 
     }); 
    } 

    if($(window).width() > 768) { 
     mouseScroll(); 
    } 

    $(window).resize(function() { 
     if($(window).width() > 768) { 
      mouseScroll(); 
     } 
    }); 

});