介绍 |
fullPage.js是一个简单易用的插件,创建全屏滚动的网站(也被称为单页网站)。它允许全屏滚动创建网站,以及添加内部滑块。 $(document).ready(function() { $.fn.fullpage({ verticalCentered: true, resize : true, slidesColor : ['#ccc', '#fff'], anchors:['firstSlide', 'secondSlide'], scrollingSpeed: 700, easing: 'easeInQuart', menu: false, navigation: false, navigationPosition: 'right', navigationTooltips: ['firstSlide', 'secondSlide'], slidesNavigation: true, slidesNavPosition: 'bottom', loopBottom: false, loopTop: false, loopHorizontal: true, autoScrolling: true, scrollOverflow: false, css3: false, paddingTop: '3em', paddingBottom: '10px', fixedElements: '#element1, .element2', normalScrollElements: '#element1, .element2', keyboardScrolling: true, touchSensitivity: 15, continuousVertical: false, animateAnchor: true,
//events onLeave: function(index, direction){}, afterLoad: function(anchorLink, index){}, afterRender: function(){}, afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){}, onSlideLeave: function(anchorLink, index, slideIndex, direction){} }); });
|