I am looking add mouse-wheel support to the 'scrollTo' method for scrolling to an ID or element. The attached jsfiddle seems to work partially, however, the mouse-wheel seems to scroll too far (skipping divs). If anybody can suggest a fix, that would be great. Thank You.
Thank you for the help. This seems to solve my goal, however I am still seeing a slight issue with the output. Sometimes during the scroll, the 'active' div will automatically scroll one div in reverse.
If you have any suggestions…that would be great.
Also I am fairly new with jsFiddle and having a problem updating the 'mouse wheel' script. I am aware of the manage resources panel…but can't seem to find the script within an actual url…only zipped files that are available to download locally. Any Ideas?
Im new at this and I never get to make it work on my pc. What am I doing wrong? I copy every part of the code in its tags, in the head or where it should. But it still doesn't work. Am I missing something?
By the way: is there a way to change what you see in the URL bar at the time you navegate the sections? Like when you get to the section 3 the URL says www. example. net/Section3
Thanks for the script. I want to use in on my parallax style website so one automatically scrolls to the next div when using the mousewheel. A question though: what do I have to add in the script such that the effect is also triggered when using the arrow keys. Good examples of this i find:
I am looking add mouse-wheel support to the 'scrollTo' method for scrolling to an ID or element. The attached jsfiddle seems to work partially, however, the mouse-wheel seems to scroll too far (skipping divs). If anybody can suggest a fix, that would be great. Thank You.
http://jsfiddle.net/9Amdx/129/
You could just add a flag which ignores mousewheel changes while the scroll animation occurs:Update the mousewheel plugin to 3.0.6, I think that fixes the issue. There were some changes in jQuery 1.7+ which required the mousewheel update.
Thank you for the help. This seems to solve my goal, however I am still seeing a slight issue with the output. Sometimes during the scroll, the 'active' div will automatically scroll one div in reverse.
If you have any suggestions…that would be great.
Also I am fairly new with jsFiddle and having a problem updating the 'mouse wheel' script. I am aware of the manage resources panel…but can't seem to find the script within an actual url…only zipped files that are available to download locally. Any Ideas?
Updated fiddle: http://jsfiddle.net/9Amdx/187/
Thank You
https://raw.github.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.js
and this updated demo using the newest jQuery.
I thought I'd share it so others might benefit.
Hey guys. I love this page and all your support.
Im new at this and I never get to make it work on my pc. What am I doing wrong? I copy every part of the code in its tags, in the head or where it should. But it still doesn't work. Am I missing something?
Please HELP! Thanks
Mau
@yabadabadoo: Did you include the jQuery file necessary? v1.6.4? It is not shown in any of the windows on jsFiddle.
Yes @pcmac627 I actually did. Not working thow.
Well here I put so you can tell me what is wrong. Test for scroll
@yabadabadoo The order of script loading is incorrect. Load jQuery first:
Thanks @Mottie ! as simple as that.
Ok so to complete the idea now I tried to do the same with the combined example and I don't get the mousewheel effect. Thanks again!
Test for scroll combined
By the way: is there a way to change what you see in the URL bar at the time you navegate the sections? Like when you get to the section 3 the URL says www. example. net/Section3
Hey Mottie,
Thanks for the script. I want to use in on my parallax style website so one automatically scrolls to the next div when using the mousewheel. A question though: what do I have to add in the script such that the effect is also triggered when using the arrow keys. Good examples of this i find:
http://justsaytheword.com/ http://onward.fiskerautomotive.com/en-us
Thanks a million