flGravity supports this item


This author's response time can be up to 5 business days.

Popular questions for this item

How to hide standard scrollbars?

<body style="overflow: hidden">

How fancyScroll works?

First of all this plugin requires a long page, where page itself consist of sections. Every section has fixed height, for example 1000px, and is positioned vertically with css ‘top’ property in a way that every next section goes right under previous one. So, for instance if we need to build one-page site with 3 sections, you would need to set top positions to 0px for first section, 1000px for second and 2000px for third.
Every section may have content, that scrolls in regular way and divs with background images that have special “offset” attribute. This attribute is used by fancyScroll for shifting images from their initial position. In documentation to fancyScroll I described rules how ‘offset’ affects background image position. Also fancyscroll.css has some predefined classes to help with building page. Now, to start using this plugin you need to include JS and CSS files in head of your page and create fancyscroll obect. Then to scroll the page to some section you would need to call one of two functions – scroll(section_id) or addScroll(link_name,section_id).
    <link rel="stylesheet" type="text/css" href="css/fancyscroll.css" />
    <script type="text/javascript" src="js/fancyscroll.js"></script>
    <script type="text/javascript">
    window.onload = function(){
        var fs=new fancyScroll({easingFunc: 'easeInOutCubic',easingTime:1200});
        //add onclick listeners to menu items

scroll() method is used to scroll page to the beginning of section by its ID. This function can be used in any link with href set to “javascript: fs.scroll(section_id)”. addScroll() can be used to register “onclick” handler for any DOM element on page so that when it’s clicked, page will be scrolled to the required section.

Contact the author

This author provides limited support for this item through this item's comments.

Item support includes:

  • Availability of the author to answer questions
  • Answering technical questions about item’s features
  • Assistance with reported bugs and issues
  • Help with included 3rd party assets

However, item support does not include:

  • Customization services
  • Installation services

View the item support policy