Problem:
If the viewport is enough to allow scrolling on chrome, but not enough to properly invoke .w3-fixed, then the page ends up jumping back to the top in an endless bounce when you scroll down. Simply resizing the window will allow the problem to occur.

Proposed Solution:

.w3-fixed {
  position: sticky;
}

It would actually be better to rename the class to w3-sticky since I can't seem to find w3-fixed in the spec, so I'm guess it's a made-up class for this theme?

Comments

philsward created an issue. See original summary.

flashwebcenter’s picture

Thank you for your input. I could not get the jumping on my browser in chrome. I am using Version 72.0.3626.119 (Official Build) (64-bit). But I changed the class to use sticky since sticky is relative and fixed in the same time. I applied the changes to the demo and it is in the new release.

flashwebcenter’s picture

Status: Active » Fixed
Issue tags: +drupal8 w3css Theme
philsward’s picture

Thanks for getting this going. Hopefully it doesn't cause other unforeseen issues.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

flashwebcenter’s picture

flashwebcenter’s picture