Lags/jumps when scrolling in Safari 11.0.3

[koddr]

Hello @rgalus!

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

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]

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