Skip to content
This repository has been archived by the owner on Jan 11, 2022. It is now read-only.

Lags/jumps when scrolling in Safari 11.0.3 #43

Open
koddr opened this issue Feb 2, 2018 · 1 comment · May be fixed by #80
Open

Lags/jumps when scrolling in Safari 11.0.3 #43

koddr opened this issue Feb 2, 2018 · 1 comment · May be fixed by #80

Comments

@koddr
Copy link

koddr commented Feb 2, 2018

Hello @rgalus!

I have a problem in Safari 11.0.3 (macOS 10.13.3):

https://gyazo.com/2cd0ad07a98626452d98e2216446e642

HTML (I'm using Bulma CSS Framework 0.6.2):

<div class="columns">
  <div class="column">
    <!-- my content here -->
  </div>
  <div class="column is-4" data-sticky-container>
    <div class="sticky-block" data-margin-top="20">
      <div class="sticky-block__inner">
        <!-- my sidebar here -->
      </div>
    </div>
  </div>
</div>

JavaScript (packed via Webpack 3.10):

import Sticky from 'sticky-js'

const sticky = new Sticky('.sticky-block')

I don't know why, but this lags/jumps only in Safari when I scroll page via touchpad (MacBook Pro 2015). I already tested in latest FireFox, Chrome and MS Edge (Windows 10) — everything is okay.

Also, data-sticky-wrap option doesn't work on my case.

Would be great to solve this problem or get understand why it makes! 👍

@webncut
Copy link

webncut commented Mar 6, 2018

I got the same bouncing at the end of a stickys position on Chrome (Windows 10)

@SassNinja SassNinja linked a pull request Jul 9, 2020 that will close this issue
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants