stickybits icon indicating copy to clipboard operation
stickybits copied to clipboard

is-sticky is not being added despite being sticky, if scrolling down fast

Open simplenotezy opened this issue 5 years ago • 0 comments

Describe the bug The 'is-sticky' class is not being added, despite the "position:sticky" is being added by stickybits. I can trigger the error if I scroll down a page very fast - it some times takes a few tries before it happens though).

See this video.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://thejewelleryroom.com/jewellery
  2. Scroll down very fast (try CMD+ARROW DOWN on mac, or perhaps CTRL+ARROW DOWN on windows, to go to bottom of page)
  3. The stuck bar will be stuck, but is missing "is-sticky" class.

Expected behavior Should receive "is-sticky" whenever position:sticky is set on the object.

Screenshots See video:

ezgif-7-e2f87317ab2b

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Config

stickybits(this.$refs.productListHeader, {
	useStickyClasses: true,
	stickyClass: 'is-sticky',
	stuckClass: 'is-sticky',
	stickyBitStickyOffset: (this.$isMobile()) ? 61 : 144
});

simplenotezy avatar Oct 11 '20 17:10 simplenotezy