How Do I Scroll In Google Chrome For Mac

• The current version of the Chrome browser on the Mac

  Version 67.0.3396.87 (Official Build) (64-bit)

  breaks the scrolling on 2017 Theme for multiple sections.

  Here is an example without the fix:

  https://angelpup.com/
  (scroll all the way and you will see lots of gray areas.)

  Here is an example with the fix:

  See https://stackoverflow.com/questions/50804554/css-background-attachment-fixed-fix-for-chrome-67

  You can fix it by adding this to the current media query

  @media screen and (min-width: 48em){
  .panel-image {
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  }
  }

  I thought that by now there would be a new version of Chrome that would fix this, but so far not.

I have also noticed that in addition to the new/y implemented behavior affecting the scroll UI in in Google Chrome, the scrolling behavior of the mouse scroll is now broken in Chromium Frame / Google Chrome Frame (tested in Chromium Frame 32.0.1700.0 (232870)). This seriously cripples the Chromium Frame.

• Thank you so much @caltuna123!

  I joined to just to say thanks. I spent hours troubleshooting until I came across your post.

  Olive View-UCLA Medical Center is the sponsoring institution for 4 competitive subspecialty fellowships and a major clinical site for the UCLA fellowships. Apply in ERAS Match in NRMP UCLA-Olive View Fellowships. Gezman abdullahi, md. Olive View Internal Medicine Residency. 2020 Match Results Revealed Notification March 17, 2020. Noon Conference for Week of March 23-27: Connect via Zoom. UCLA-Olive View Program Department of Medicine, Room 2B-182 14445 Olive View Drive Sylmar, CA 91342 Email.

  The only thing I would like to say to the super new WP users is to put add this to Appearance –> Customize –> Additional CSS.

  Thanks a million!

  Hi,
  I also have a Macbook Air and use Chrome. I’ve uploaded 5 images to be displayed on header and randomize them. Because there is no parallax scrolling on page (the main reason I’ve choose 20/17 theme), I’ve added the CSS you mentioned in Appearance –> Customize –> Additional CSS.
  .twentyseventeen-panel {
  position: initial;
  }
  and no change. Then I wrote
  .panel-image {
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  }
  }
  this one gave me multiple errors.

  I’m not familiar with CSS, understand them I meant, I am just writing what is given.
  Would you please tell me your opinion so I can solve this issue. Anyway, since I’ve installed this theme, I never experienced parallax scrolling.

  Thank you so much.

  This is my website:
  https://www.kameleonchic.com

  • This reply was modified 1 year, 10 months ago by .

  Thank you @caltuna123, this helped a lot.

  Here is what I did in my child theme: I put the following code snippet into the styles.css (of my child theme), according to your post (see above):

  .twentyseventeen-panel {
  position: initial;
  }

  And that’s it. It works perfectly.

  Thank you once more.

• The topic ‘Chrome (on Mac) breaks 2017 parallax scrolling’ is closed to new replies.