Solution 1: use the patch file

If you know how to use patch files, place this file in your base Porto theme folder, then run the following command from the same location:

patch -p1 < fix-chrome-mouse-wheel-scroll-issue.patch

Solution 2: edit /sites/all/themes/porto/vendor/common/common.js file directly

Above the line

function wheel(event) {

(currently line 1258), add the following code:

      function isChrome() {
        var isChromium = window.chrome,
          winNav = window.navigator,
          vendorName = winNav.vendor,
          isOpera = winNav.userAgent.indexOf("OPR") > -1,
          isIEedge = winNav.userAgent.indexOf("Edge") > -1,
          isIOSChrome = winNav.userAgent.match("CriOS");

        if(isIOSChrome){
          return true;
        } else if(isChromium !== null && isChromium !== undefined && vendorName === "Google Inc." && isOpera == false && isIEedge == false) {
          return true;
        } else { 
          return false;
        }
      }

Then, below the (same) line 

function wheel(event) {

Add the following code

        if (isChrome()) {
          return;
        }

Save the common.js file and it should work, and your sticky header should work as well. 

 

 

Type