simplr-smoothscroll

by simov

Smooth scrolling in all browsers

206 Stars 105 Forks Last release: Not found MIT License 29 Commits 2 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

simplr-smoothscroll

DEMO

Requirements

jquery-mousewheel

Usage

$(function () {
  $.srSmoothscroll({
    // defaults
    step: 55,
    speed: 400,
    ease: 'swing',
    target: $('body'),
    container: $(window)
  })
})

Enable scrolling for specific widgets

See this example

lorem ipsum

lorem ipsum

#container1 { width: 500px; height: 300px; overflow: auto; }
#container2 { width: 500px; height: 300px; overflow: auto; }
$(function () {
  $.srSmoothscroll({
    target: $('#widget1'),
    container: $('#container1')
  })
  $.srSmoothscroll({
    target: $('#widget2'),
    container: $('#container2')
  })
})

Browser and os detection

Browsers that support smooth scrolling natively may be excluded.

$(function () {
  var platform = navigator.platform.toLowerCase();
  if (platform.indexOf('win') == 0 || platform.indexOf('linux') == 0) {
    if ($.browser.webkit) {
      $.srSmoothscroll();
    }
  }
});

This will enable simplr-smoothscroll only for webkit browsers on windows and linux.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.