I'm working on this website
http://1ne-studio.com/test2/
id : test　
pass : 2015
and I have this full screen vertical slider so that website
works as parallax.
This is the plugin that I used for this vertical slider - FSVS.JS
On their demo all the scrolling movements are smooth, but on my site
when you scroll back to top, every scroll has little glitch where the scrolling animation is smooth all the way to the end.(it has little...weird sudden move animation at the end of scrolling...)
This is the screencapture of my problem
https://www.youtube.com/watch?v=VgAhyONH0rM
What could be causing this? and how could I fix this..?
Thank you for your time!
Related
Does anyone know how to combine vertical and horizontal parallax scrolling on a single webpage, like in this interactive resume?
http://www.rleonardi.com/interactive-resume/
He seems to transition seamlessly from vertical scrolling, to horizontal scrolling, back to vertical scrolling, all with parallax effects. Any help would be greatly appreciated!
Note: I did notice a potential hint: at certain parts of the webpage, if you scroll backwards, the transition becomes very jarring rather than smooth.
I haven't dealt with parallax in a while, but when I did I used scroll magic.
here is a link to an example with what your looking for
scrollmagic.io
I just made some scrolling sticky menu on my school project website, and i found this little problem. It's about transition hover effect of my menu links. You can see default menu is absolute positioned and at this stage transition is working perfectly, but when you scroll page down it header becomes fixed and transition effects stops working
here's my page: http://79.170.44.87/tatras.eu/
//edit: it's just problem of google chrome
//edit2: + its somehow cause of video background but i dont know why
I am working on this parallax from git hub https://github.com/htdt/parallax.
The parallax effect is awesome here .I am trying to modify the code.Here the scroll is from right to left.I want a top /down scrolling.I have tried changing the positions(right to top ,left to bottom overflow-Y to overflow -x) ,but its not working .Any idea on how to to that?I would love to learn this one as the effect after the scroll to the element(box/image) is awesome.(It shows a little stirring kind of effect)I dint find it in any other project.Is there any other version (showing top down parallax of htdt)available. Please redirect in that case.
For Vertical Parallax scrolling you can use these other jQuery Plugins:-
http://darsa.in/
https://github.com/IanLunn/jQuery-Parallax
https://github.com/Prinzhorn/skrollr
and my Personal Favorite
http://johnpolacek.github.io/superscrollorama/
I am using flexslider and Joomla to make a mobile swipe responsive CMS site, however the swipe angle required to change from slide to slide is too sensitive. More often than not vertical swiping through the content will activate a horizontal slide. Anyone worked with this and/or have any clue where in the js script i can change the limits of horizontal swiping? Thanks in advance!!
I recently encountered the same problem and was able to resolve it with this fix:
https://github.com/wearebully/JS-Snippets/tree/master/Flexslider%20Touch%20Sensitivity%20Fix
Hope it helps.
I'm trying to create a site that has a parallax type effect with scrollTo navigation control.
Similar to http://www.nike.com/jumpman23/aj2012/ however I only need to scroll on left and right (up & down). I can do horizontal and vertical parallax, and scrollTo I just cant get the diagonal parallax working (with mouse scroll)
I've currently got it working using scrollTo however this disables the user being able to scroll with the mouse. I'm creating a dynamic one page site so some times a pages content may be longer then other areas so the user will need to scroll down, once they reach the end of this content the parallax effect kicks in.
Can anyone suggest a way to do this? Or point me in the right direction.