Animation, scrollspy and media queries


Hi,

I am working on my own website: http://alexaspalato.webstantly.com/ (work in progress). I have 2 problems with the slider animations:

  1. When there is a new slide all the elements appears first, and animate after, i want them to animate directly (don't know if i am very clear)?
  2. I don't these animations on mobile, how can i do that?

Thanks,


Hey Alex,

When there is a new slide all the elements appears first, and animate after, i want them to animate directly (don't know if i am very clear)?

I can't reproduce this but I am assuming it is stack before javascript loads on the page, could you record a mini GIF or video and share it using Cloudup so that I can see what you mean.

I don't these animations on mobile, how can i do that?

It works on my iPhone, but the animations are a bit delayed. I suggest to get in touch with the UIkit folks directly when it comes to that as they are really those who have control over their code.

Thanks,



Hey Alex,

I think you are refering to the first initial load (before browser cache the image) which cause the slider hight to jump a bit. I can think of 2 options:

  1. You hide the slider, add a loader icon and show or manually fire it once the image is loaded using .onLoad() (see documentation here).
  2. Set a height on you image or slider.

Hope that helps, happy coding!


Hi, no it's not that, i know what you mean, it was hapenning to me when i was using slick slider...fortunately beans slider is much better and i don't have this problem here. What i mean, is that when the slides changes all the elements appear first, and then disappear to reappear with the animation. They should appear directly with the animation. Anyway, i have also posted that in the uikit community, and it seems that it works when the content is only text, also they say my problem with breakpoints as no solution in uikit so i think i will need to use css animations. So i tried to enqueue http://animateforless.com/ as compiler fragment...but it gives me an error...


Hey Alex,

I see what you mean now. This seems to be very particular to UIkit so I think posting on UIkit community is definitely the right place.

Thanks,


Write a reply

Login or register to write a reply, it's free!