Smooth Mouse Wheel Scroll?

bsjelin
45 Posts
bsjelin posted this 19 March 2015

Hello - I've been trying to do research on how to accomplish this and have not been able to figure it out. On a lot of websites now they have a smooth scroll script for mouse wheels - so that when you're scrolling down a page its not as jittery.

example: http://pharmedio.com/

So when you're scrolling down with the mouse wheel, it smoothly glides a few pixels down instead of jumping. I'm not referring to the parallax effects, just the mouse wheel functionality.

I've found this script and tried adding it into my template, but it doesnt seem to work.
https://github.com/fatlinesofcode/jquery.smoothwheel

Any other ideas or suggestions? Or should I just chalk this one up to a feature request? :)

Hello - I've been trying to do research on how to accomplish this and have not been able to figure it out. On a lot of websites now they have a smooth scroll script for mouse wheels - so that when you're scrolling down a page its not as jittery. example: http://pharmedio.com/ So when you're scrolling down with the mouse wheel, it smoothly glides a few pixels down instead of jumping. I'm not referring to the parallax effects, just the mouse wheel functionality. I've found this script and tried adding it into my template, but it doesnt seem to work. https://github.com/fatlinesofcode/jquery.smoothwheel Any other ideas or suggestions? Or should I just chalk this one up to a feature request? :)
Joomla themler scroll feature smooth-scroll
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 20 March 2015

Brendon,

I've added your question as feature request.
In the meantime you can use the script you provided. It works. You just need to fire it:
<script type="text/javascript" src="http://fatlinesofcode.github.io/jquery.smoothwheel/src/jquery.smoothwheel.js"></script>
<script>
jQuery(function ($) {
jQuery(window).smoothWheel();
});
</script>

You can add this code to the Theme Settings >> Additional HTML.
Please note that I'm using reference to js file on github. You can upload this file somewhere and change the link.

Thank you,
Olivia

Brendon, I've added your question as feature request. In the meantime you can use the script you provided. It works. You just need to fire it: `<script type="text/javascript" src="http://fatlinesofcode.github.io/jquery.smoothwheel/src/jquery.smoothwheel.js"></script> <script> jQuery(function ($) { jQuery(window).smoothWheel(); }); </script> ` You can add this code to the Theme Settings >> Additional HTML. Please note that I'm using reference to js file on github. You can upload this file somewhere and change the link. Thank you, Olivia

Last edited 20 March 2015 by Support Team

shaulhadar
447 Posts
shaulhadar posted this 20 March 2015

That can be a great addition, it will smooth out the parralax effect with fixed background :)

Thanks for the script!!

That can be a great addition, it will smooth out the parralax effect with fixed background :) Thanks for the script!!
bsjelin
45 Posts
bsjelin posted this 24 March 2015

Awesome! It worked! I moved the file locally to help with page speed, but it works!!! THANKS! Should totally look at implementing something like this into the profiles though - it helps a lot with the feel of the site - This one I found is still a little jumpy for my taste, but there are TONS of other sites that have it suuuuper smoth when using the mouse wheel.

Awesome! It worked! I moved the file locally to help with page speed, but it works!!! THANKS! Should totally look at implementing something like this into the profiles though - it helps a lot with the feel of the site - This one I found is still a little jumpy for my taste, but there are TONS of other sites that have it suuuuper smoth when using the mouse wheel.
Support Team
Support Team posted this 24 March 2015

You're welcome!

You're welcome!
jill81
1 Posts
jill81 posted this 26 October 2024

https://9humantypes.com/9-gifts-of-the-holy-spirit - Strategies to leverage spiritual talents to glorify God
http://www.huijs-consult.nl/ - Steps to discover God-given talents within 7e628f1

https://9humantypes.com/9-gifts-of-the-holy-spirit - Strategies to leverage spiritual talents to glorify God http://www.huijs-consult.nl/ - Steps to discover God-given talents within 7e628f1
You must log in or register to leave comments