Bug in Chrome With Small Viewports -- Jump Effect with Flicker and Ignoring Offset #63
Comments
|
I can now confirm that this behavior also exists in the latest Safari on iOS (iPhone 7).
|
|
Can you also reproduce this problem @callmecavs? |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I've encountered a very strange scenario. I'd classify it as jump.js bug as I could reproduce it even in a minimal environment without any custom JS and CSS. The interesting thing is that it only occurs in Chrome and only in small/medium viewports. There's no problem in other viewports or other browser like e.g. Firefox. I've found it in cross-browser tests in Chrome on Android, but could also reproduce it in normal Chrome in small viewports (as mentioned above).
I've created a minimal example that scrolls to a specified section on document click.
Expected Behavior
When calling jump.js with a section, it should scroll to that section by respecting the provided offset. In my example an offset of 50px is given, therefore it should stop 50px before the yellow section and without flicker effect, like in Firefox:
Actual Behavior
In Chrome in small viewports jump.js causes a flicker effect (jumps to the section without smooth animation) and also ignores the offset (in my example 50px).
You can also view the original, actual video files, also available is another video in Chrome in large viewports that I couldn't upload due to file size limitations:
jumpjs-bug.zip
Example Source Code
The text was updated successfully, but these errors were encountered: