markdalgleish / stellar.js

Stellar.js - Parallax scrolling made easy
http://markdalgleish.com/projects/stellar.js/
MIT License
4.64k stars 1.33k forks source link

Jumpy scrolling #105

Open HungryBus opened 10 years ago

HungryBus commented 10 years ago

Hello,

Plugin works fine. Well, almost...

The problem is that it is a little bit jumpy when using the mouse wheel to scroll down. While scrolling with the scroll bar, it goes perfectly.

I've tried to implement the 'jquery.nicescroll', as well as other scrolling smoothers, but it only makes the situation much worse.

That's the video I've made: http://youtu.be/HAWtTViClCU

Infini7y commented 10 years ago

I notice the same issue when using IE (any version) on windows or vm. Have you found a solution to this problem yet?

HungryBus commented 10 years ago

Nope, not yet. Just left this issue, will try to change the plugin later, if devs won't answer.

Bagnall commented 10 years ago

Some time ago I found exactly the same issue on Chrome but not on Firefox https://productforums.google.com/forum/#!topic/chrome/3jsgF6elaiw . This was unrelated to Stellar.js. Are you sure it's not browser specific? More recently, I'm using stellar on iOS and Android. I found that the scrolling isn't smooth for some of the layers. If the scroll ratio is <1.0, the scrolling is jumpy on iOs and Android. If >1.0 (not ideal for me) scrolling is smooth on iOS? Anyone else experienced this and have any insight on how to fix?

allybee commented 10 years ago

I am having the same problem in IE.

Triloworld commented 9 years ago

Problem resolved by using this instruction: http://zurb.com/forrst/posts/Smooth_Scrolling_like_Parallax-Gor It's not issue by stellar but delta on wheel ;/

JayBizzle commented 9 years ago

The solution above prevents page scrolling when using an Apple Magic Mouse (and possibly trackpads, although not tested)

jointdev commented 9 years ago

I am having the same problem, I used smoothscroll plugin to change scroll speed on page and I can feel some improvement but elements still jittering ...

Someone solved this problem?

joaoreynolds commented 9 years ago

+1 Except this only occurs on the retina screen. I have two monitors, macbook pro, and magic mouse. Seeing this at least in Chrome. On the std resolution screen scrolling looks smooth, but on the retina screen on the laptop, scrolling is very rough (same background image used for either resolution). As mentioned, scrolling is smooth if I use the browser's scrollbar and drag.