Doesnt working with nuxt

[VladStepanov]

Im using nuxt

nuxt.config.js
{ src: '~/plugins/sticky.js', ssr: false }

sticky.js
import Vue from 'vue
import Sticky from 'vue-sticky-directive

Vue.use(Sticky)

and i'm getting that.

What im doing wrong?

[scoutrul]

It is working with nuxt but i'm not satisfied becouse of bugs.

[VladStepanov]

@VladStepanov were you able to solve this?

No :(

[mavrick]

if you can get away with just using css, you could try:

position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;

[Smidds]

I think one of the things myself and others enjoy about this directive is the ability to listen to sticky events and respond. I currently had to remove this from my nuxt project as it was working, but only when reloading the page that it was used on to get a fresh version from nuxt of that specific page (still not sure why).

[simplenotezy]

It's working fine for me on nuxt, but it has some issues, especially with the "onStick" callback

[tbredin]

+1

[tbredin]

For me this initialises fine in nuxt, but it never actually triggers any sticky behaviour. onStick is simply called when the page first loads:

[ghost]

same here 👎

[isuke01]

Actually it works for me ONLY if I set sticky-side="0" also interesting thing is if you want to work sticky-offset you must enter STRING, you cant put object... interesting ...
NOT WORKING:
:sticky-offset="{top: 500, bottom: 20}" or :sticky-offset="ObjectVarrible"
Working:
sticky-offset="{top: 500, bottom: 20}" or :sticky-offset="StringVarrible"

[JackEdwardLyons]

@isuke01 writing it as a string worked, thanks for the tip!