jQuery.scrollSpeed | Extension for custom scrolling speed and easing | Frontend Framework library
kandi X-RAY | jQuery.scrollSpeed Summary
kandi X-RAY | jQuery.scrollSpeed Summary
Lightweight jQuery extension for modifying scrolling speed in modern web browsers. Supports vertical or horizontal scrolling direction, including user-defined easing.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of jQuery.scrollSpeed
jQuery.scrollSpeed Key Features
jQuery.scrollSpeed Examples and Code Snippets
Community Discussions
Trending Discussions on jQuery.scrollSpeed
QUESTION
I stumbled across this website and I like the scrolling features on it.
https://drhyman.com/get-started/
I noticed that the scroll is incredibly smooth and it gives a calming feeling since there are no jumps. It responds to my mouse wheel, arrow buttons, and spacebar with the same smooth scroll. Also, the side menu on larger displays has a lovely smooth scrolling inertia curve to anchor links that I'm assuming is related.
I tried digging into the code and I'm fairly sure that it's not a CSS property and doing a control-F on "scroll" and "parallax" in the JS file showed results but there are so many references I am not sure which one controls this functionality or how I could replicate it in my own projects. I'm aware that he's using Wordpress and Jquery from the source files. No doubt it's a plugin of some sort and with some digging on StackOverflow I found "Jquery Smooth Scroll" (https://github.com/nathco/jQuery.scrollSpeed). However, their demo site (https://code.nath.co/scrollSpeed) is horribly jumpy and not at all smooth. I also found this demo (http://jsfiddle.net/36dp03ur/)
...ANSWER
Answered 2020-Jun-03 at 16:26It appears that the site is using a wordpress specific library to achieve its scroll behavior. In chrome you can find the specific code by going to sources in the developer tools and looking at the wheel event under global listeners.
The list of events the site is listening for is on the right side of the screenshots. Opening wheel shows the listener for the scroll wheel. Clicking the source will open the appropriate js file. It has been minified, but chrome should offer to pretty print it for you. If it doesn't there is a {} button in the bottom right corner of the screen that will pretty print.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install jQuery.scrollSpeed
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page