Smoothscroll mousewheel jquery how to#

The duration, pageTopDuration and stickyBoxDuration options specify the scroll speed. These common options are independently configurable for each feature. See below for a basic configuration.īookmarks: true, container: 'html, body', containersArray:, link: 'a', duration: 400, exclude:, excludeWithin:, beforeScroll: null, afterScroll: null, stickyBox: false, stickyBoxId: 'scroll-to-top', stickyBoxImageUrl: '/Content/images/smooth_scroll_arrow.png', stickyBoxThreshold: 50, stickyBoxDuration: 400, stickyBoxSetup: null, stickyBoxBeforeScroll: null, stickyBoxAfterScroll: null, stickyBoxOnResize: null, stickyBoxResizeTimeout: 250, pageTopLink: false, pageTopClass: 'page-top', pageTopDuration: 400, pageTopBeforeScroll: null, pageTopAfterScroll: null, offsetTop: 0 Common OptionsĪll 3 features have common options like duration and callbacks. The default configuration activates bookmarks on all page links. The only dependency is jQuery 1.9.1 or later. Installation is easy and takes only a small amount of configuration. Its 3 features listed below can be configured and turned on or off as you like. What I wanted to do was to simulate browser's smooth scrolling on browsers that don't support it natively, has it turned off by default or has bad implementation of it.Smooth Scroll is a jQuery utility.

Smoothscroll mousewheel jquery how to#

Sorry again for not posting any actual code yet, not exactly sure where to start and was hoping someone might know if mwintent will work for this and if so: might also have some ideas how to apply a deceleration to the scroll, which seems to be the only two difference between the desired effect and the state of the current plug-ins that are similar. The corefunctions to start movement wouldn't want to be restarted, cause multiple notch clicks will probably happen while accelerating, but just a recalculated when and where to decelerate should be applied. Listen for notches of the mousescroll and in the event of a notch: initialize the corefunction to start the movement of the page, but also listen for and add additional notch clicks to 'queue' that is re-calulated and applied to the scroll of the window replacing the previous totaldistancetoscroll, before calculating the next totaldistancetoscroll, which provides a way to anticipate the destination and decelerate. What I think needs to be done is a 'queue' built of pixels to be scrolled along a page, with the total time compounded: and then an animation footprint defined and executed as three phases, an in easing acceleration, maxscrollspeed phase, and decel phase.Ĭould anybody offer any suggestions as to how weĭetatch the mousescrollwheel from its native function of scrolling the page. I myself write javascript, but more it's like I re-write it. We still have the stall-stall-stall method of page movement, though. Each scroll notch from the wheel is a third to a half of the browsers native scroll notch, so it moves slower, which is fine, surly that's adjustable. There is already a big difference in the performance of the page. Found a great plugin that hopefully can be handled to be supporting the desired effects, yo! I've implemented a whole page container and used this nifty jScrollPane script to commandeer if you will the scrolling of the page What sort of jQuery approaches could be used to control the document in this way? The main concern I'd want to prepare for would be ensuring that small page scrolls we're supported fully and not glitchy. ie when scrolling the last 25 pixels to the destination position, the deceleration applys. This may have to be calculated in one of many ways, and may be trickier. and thirdly is a deceleration rule, applied as the page approaches it's destination position (in %, px?). settable as a rate of in px/sec- with the option to apply easing functions.There is a maximum px/sec that the page can slide/move/drag. Imposed acceleration, this would prevent the page from moving too fast without first accelerating. What i'm looking for is a simple extension to jquery that can apply certain scrolling rules.The principals are simple. Or goes directly to where you drag the scroll bar. What I want would be to overcome the particular default method of page scrolling.Īs it currently works the page jumps right to x# of pixels down per 'notch' that is progressed on the scrollwheel. How can I control or specify the way a document scrolls to the position of desire described by either the mouse scrollwheel, and/or grabbing the scrollbar.