How to hide standard scrollbars?
<body style="overflow: hidden">
Popular questions for this item
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).
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
fs.addScroll('menu_link1','section1');
fs.addScroll('menu_link2','section2');
fs.addScroll('menu_link3','section3');
};
</script>
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:
However, item support does not include:
View the item support policy
