spinopel.github.io
/
script.js
3125 строк · 117.8 Кб
1/*!2* fullPage 2.9.43* https://github.com/alvarotrigo/fullPage.js4* @license MIT licensed5*6* Copyright (C) 2015 alvarotrigo.com - A project by Alvaro Trigo7*/8(function(global, factory) {9'use strict';10if (typeof define === 'function' && define.amd) {11define(['jquery'], function($) {12return factory($, global, global.document, global.Math);13});14} else if (typeof exports === "object" && exports) {15module.exports = factory(require('jquery'), global, global.document, global.Math);16} else {17factory(jQuery, global, global.document, global.Math);18}19})(typeof window !== 'undefined' ? window : this, function($, window, document, Math, undefined) {20'use strict';21* Sets the autoScroll option.241* It changes the scroll bar visibility and the history of the site as a result.242*/243function setAutoScrolling(value, type){244//removing the transformation245if(!value){246silentScroll(0);247}248* Defines wheter to record the history for each hash change in the URL.295*/296function setRecordHistory(value, type){297setVariableState('recordHistory', value, type);298}299* Defines the scrolling speed302*/303function setScrollingSpeed(value, type){304setVariableState('scrollingSpeed', value, type);305}306* Sets fitToSection309*/310function setFitToSection(value, type){311setVariableState('fitToSection', value, type);312}313* Sets lockAnchors316*/317function setLockAnchors(value){318options.lockAnchors = value;319}320* Adds or remove the possiblity of scrolling through sections by using the mouse wheel or the trackpad.323*/324function setMouseWheelScrolling(value){325if(value){326addMouseWheelHandler();327addMiddleWheelHandler();328}else{329removeMouseWheelHandler();330removeMiddleWheelHandler();331}332}333* Adds or remove the possibility of scrolling through sections by using the mouse wheel/trackpad or touch gestures.336* Optionally a second parameter can be used to specify the direction for which the action will be applied.337*338* @param directions string containing the direction or directions separated by comma.339*/340function setAllowScrolling(value, directions){341if(typeof directions !== 'undefined'){342directions = directions.replace(/ /g,'').split(',');343* Adds or remove the possibility of scrolling through sections by using the keyboard arrow keys359*/360function setKeyboardScrolling(value, directions){361if(typeof directions !== 'undefined'){362directions = directions.replace(/ /g,'').split(',');363* Moves the page up one section.374*/375function moveSectionUp(){376var prev = $(SECTION_ACTIVE_SEL).prev(SECTION_SEL);377* Moves the page down one section.390*/391function moveSectionDown(){392var next = $(SECTION_ACTIVE_SEL).next(SECTION_SEL);393* Moves the page to the given section and slide with no animation.407* Anchors or index positions can be used as params.408*/409function silentMoveTo(sectionAnchor, slideAnchor){410setScrollingSpeed (0, 'internal');411moveTo(sectionAnchor, slideAnchor);412setScrollingSpeed (originals.scrollingSpeed, 'internal');413}414* Moves the page to the given section and slide.417* Anchors or index positions can be used as params.418*/419function moveTo(sectionAnchor, slideAnchor){420var destiny = getSectionByAnchor(sectionAnchor);421* Slides right the slider of the active section.431* Optional `section` param.432*/433function moveSlideRight(section){434moveSlide('right', section);435}436* Slides left the slider of the active section.439* Optional `section` param.440*/441function moveSlideLeft(section){442moveSlide('left', section);443}444* When resizing is finished, we adjust the slides sizes and positions447*/448function reBuild(resizing){449if(container.hasClass(DESTROYED)){ return; } //nothing to do if the plugin was destroyed450* Turns fullPage.js to normal scrolling mode when the viewport `width` or `height`499* are smaller than the set limit values.500*/501function setResponsive(active){502var isResponsive = $body.hasClass(RESPONSIVE);503$window573//when scrolling...574.on('scroll', scrollHandler)575$document587//Sliding with arrow keys, both, vertical and horizontal588.keydown(keydownHandler)589* Applying normalScroll elements.606* Ignoring the scrolls over the specified selectors.607*/608if(options.normalScrollElements){609$document.on('mouseenter', options.normalScrollElements, function () {610setMouseWheelScrolling(false);611});612* Setting options from DOM elements if they are not provided.621*/622function setOptionsFromDOM(){623var sections = container.find(options.sectionSelector);624* Works over the DOM structure to set it up for the current fullpage options.642*/643function prepareDom(){644container.css({645'height': '100%',646'position': 'relative'647});648* Styles the horizontal slides for a section.704*/705function styleSlides(section, slides, numSlides){706var sliderWidth = numSlides * 100;707var slideWidth = 100 / numSlides;708* Styling vertical sections745*/746function styleSection(section, index){747//if no active section is defined, the 1st one will be the default one748if(!index && $(SECTION_ACTIVE_SEL).length === 0) {749section.addClass(ACTIVE);750}751startingSection = $(SECTION_ACTIVE_SEL);752* Sets the data-anchor attributes to the menu elements and activates the current one.774*/775function styleMenu(section, index){776if (typeof options.anchors[index] !== 'undefined') {777//activating the menu / nav element on load778if(section.hasClass(ACTIVE)){779activateMenuAndNav(options.anchors[index], index);780}781}782* Adds internal classes to be able to provide customizable selectors791* keeping the link with the style sheet.792*/793function addInternalSelectors(){794container.find(options.sectionSelector).addClass(SECTION);795container.find(options.slideSelector).addClass(SLIDE);796}797* Creates the control arrows for the given section800*/801function createSlideArrows(section){802section.find(SLIDES_WRAPPER_SEL).after('<div class="' + SLIDES_ARROW_PREV + '"></div><div class="' + SLIDES_ARROW_NEXT + '"></div>');803* Creates a vertical navigation bar.816*/817function addVerticalNavigation(){818$body.append('<div id="' + SECTION_NAV + '"><ul></ul></div>');819var nav = $(SECTION_NAV_SEL);820* Creates the slim scroll scrollbar for the sections and slides inside them.854*/855function createScrollBarHandler(){856$(SECTION_SEL).each(function(){857var slides = $(this).find(SLIDE_SEL);858* Enables the Youtube videos API so we can control their flow if necessary.873*/874function enableYoutubeAPI(){875container.find('iframe[src*="youtube.com/embed/"]').each(function(){876addURLParam($(this), 'enablejsapi=1');877});878}879* Adds a new parameter and its value to the `src` of a given element882*/883function addURLParam(element, newParam){884var originalSrc = element.attr('src');885element.attr('src', originalSrc + getUrlParamSign(originalSrc) + newParam);886}887* Returns the prefix sign to use for a new parameter in an existen URL.890*891* @return {String} ? | &892*/893function getUrlParamSign(url){894return ( !/\?/.test( url ) ) ? '?' : '&';895}896* Actions and callbacks to fire afterRender899*/900function afterRenderActions(){901var section = $(SECTION_ACTIVE_SEL);902* Determines if the URL anchor destiny is the starting section (the one using 'active' class before initialization)921*/922function isDestinyTheStartingSection(){923var anchors = window.location.hash.replace('#', '').split('/');924var destinationSection = getSectionByAnchor(decodeURIComponent(anchors[0]));925* Fits the site to the nearest active section1036*/1037function fitToSection(){1038//checking fitToSection again in case it was set to false before the timeout delay1039if(canScroll){1040//allows to scroll to an active section and1041//if the section is already active, we prevent firing callbacks1042isResizing = true;1043* Determines whether the active section has seen in its whole or not.1051*/1052function isCompletelyInViewPort(movement){1053var top = $(SECTION_ACTIVE_SEL).position().top;1054var bottom = top + $window.height();1055* Gets the directon of the the scrolling fired by the scroll event.1064*/1065function getScrollDirection(currentScroll){1066var direction = currentScroll > lastScroll ? 'down' : 'up';1067* Determines the way of scrolling up or down:1078* by 'automatically' scrolling a section or by using the default and normal scrolling.1079*/1080function scrolling(type, scrollable){1081if (!isScrollAllowed.m[type]){1082return;1083}1084var check = (type === 'down') ? 'bottom' : 'top';1085var scrollSection = (type === 'down') ? moveSectionDown : moveSectionUp;1086* Preventing bouncing in iOS #22851102*/1103function preventBouncing(event){1104var e = event.originalEvent;1105if(!checkParentForNormalScrollElement(event.target) && options.autoScrolling && isReallyTouch(e)){1106//preventing the easing on iOS devices1107event.preventDefault();1108}1109}1110* As we are changing the top property of the page on scrolling, we can not use the traditional way to detect it.1119* This way, the touchstart and the touch moves shows an small difference between them which is the1120* used one to determine the direction.1121*/1122function touchMoveHandler(event){1123var e = event.originalEvent;1124var activeSection = $(e.target).closest(SECTION_SEL);1125* recursive function to loop up the parent nodes to check if one of them exists in options.normalScrollElements1174* Currently works well for iOS - Android might need some testing1175* @param {Element} el target element / jquery selector (in subsequent nodes)1176* @param {int} hop current hop compared to options.normalScrollElementTouchThreshold1177* @return {boolean} true if there is a match to options.normalScrollElements1178*/1179function checkParentForNormalScrollElement (el, hop) {1180hop = hop || 0;1181var parent = $(el).parent();1182* As IE >= 10 fires both touch and mouse events when using a mouse in a touchscreen1195* this way we make sure that is really a touch event what IE is detecting.1196*/1197function isReallyTouch(e){1198//if is not IE || IE is detecting `touch` or `pen`1199return typeof e.pointerType === 'undefined' || e.pointerType != 'mouse';1200}1201* Handler for the touch start event.1204*/1205function touchStartHandler(event){1206var e = event.originalEvent;1207* Gets the average of the last `number` elements of the given array.1222*/1223function getAverage(elements, number){1224var sum = 0;1225* Detecting mousewheel scrolling1238*1239* http://blogs.sitepointstatic.com/examples/tech/mouse-wheel/index.html1240* http://www.sitepoint.com/html5-javascript-mouse-wheel/1241*/1242var prevTime = new Date().getTime();1243* Slides a slider to the given direction.1314* Optional `section` param.1315*/1316function moveSlide(direction, section){1317var activeSection = typeof section === 'undefined' ? $(SECTION_ACTIVE_SEL) : section;1318var slides = activeSection.find(SLIDES_WRAPPER_SEL);1319var numSlides = slides.find(SLIDE_SEL).length;1320* Maintains the active slides in the viewport1354* (Because the `scroll` animation might get lost with some actions, such as when using continuousVertical)1355*/1356function keepSlidesPosition(){1357$(SLIDE_ACTIVE_SEL).each(function(){1358silentLandscapeScroll($(this), 'internal');1359});1360}1361* Returns the destination Y position based on the scrolling direction and1365* the height of the section.1366*/1367function getDestinationPosition(element){1368var elemPosition = element.position();1369Keeping record of the last scrolled position to determine the scrolling direction.1392No conventional methods can be used as the scroll bar might not be present1393AND the section might not be active if it is auto-height and didnt reach the middle1394of the viewport.1395*/1396previousDestTop = position;1397return position;1398}1399* Scrolls the site to the given element and scrolls to the slide if a callback is given.1402*/1403function scrollPage(element, callback, isMovementUp){1404if(typeof element === 'undefined'){ return; } //there's no element to scroll, leaving the function1405* Performs the vertical movement (by CSS3 or by jQuery)1479*/1480function performMovement(v){1481// using CSS3 translate functionality1482if (options.css3 && options.autoScrolling && !options.scrollBar) {1483The timeout prevents setting the most dominant section in the viewport as "active" when the user1512scrolled to a smaller section by using the mousewheel (auto scrolling) rather than draging the scroll bar.1513When using scrollBar:true It seems like the scroll events still getting propagated even after the scrolling animation has finished.1515*/1516setTimeout(function(){1517afterSectionLoads(v);1518},30);1519}else{1520afterSectionLoads(v);1521}1522});1523}1524}1525* Gets the scrolling settings depending on the plugin autoScrolling option1528*/1529function getScrollSettings(v){1530var scroll = {};1531* Adds sections before or after the current one to create the infinite effect.1545*/1546function createInfiniteSections(v){1547// Scrolling down1548if (!v.isMovementUp) {1549// Move all previous sections to after the active section1550$(SECTION_ACTIVE_SEL).after(v.activeSection.prevAll(SECTION_SEL).get().reverse());1551}1552else { // Scrolling up1553// Move all next sections to before the active section1554$(SECTION_ACTIVE_SEL).before(v.activeSection.nextAll(SECTION_SEL));1555}1556* Fix section order after continuousVertical changes have been animated1575*/1576function continuousVerticalFixSectionOrder (v) {1577// If continuousVertical is in effect (and autoScrolling would also be in effect then),1578// finish moving the elements around so the direct navigation will function more simply1579if (!v.wrapAroundElements || !v.wrapAroundElements.length) {1580return;1581}1582* Actions to do once the section is loaded.1599*/1600function afterSectionLoads (v){1601continuousVerticalFixSectionOrder(v);1602* Sets the value for the given attribute from the `data-` attribute with the same suffix1620* ie: data-srcset ==> srcset | data-src ==> src1621*/1622function setSrc(element, attribute){1623element1624.attr(attribute, element.data(attribute))1625.removeAttr('data-' + attribute);1626}1627* Lazy loads image, video and audio elements.1630*/1631function lazyLoad(destiny){1632if (!options.lazyLoading){1633return;1634}1635* Plays video and audio elements.1657*/1658function playMedia(destiny){1659var panel = getSlideOrSection(destiny);1660* Plays a youtube video1689*/1690function playYoutube(element){1691element.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');1692}1693* Stops video and audio elements.1696*/1697function stopMedia(destiny){1698var panel = getSlideOrSection(destiny);1699* Gets the active slide (or section) for the given section1721*/1722function getSlideOrSection(destiny){1723var slide = destiny.find(SLIDE_ACTIVE_SEL);1724if( slide.length ) {1725destiny = $(slide);1726}1727* Scrolls to the anchor in the URL when loading the site1733*/1734function scrollToAnchor(){1735//getting the anchor link in the URL and deleting the `#`1736var value = window.location.hash.replace('#', '').split('/');1737var sectionAnchor = decodeURIComponent(value[0]);1738var slideAnchor = decodeURIComponent(value[1]);1739* Detecting any change on the URL to scroll to the given anchor link1751* (a way to detect back history button as we play with the hashes on the URL)1752*/1753function hashChangeHandler(){1754if(!isScrolling && !options.lockAnchors){1755var value = window.location.hash.replace('#', '').split('/');1756var sectionAnchor = decodeURIComponent(value[0]);1757var slideAnchor = decodeURIComponent(value[1]);1758It is called twice for each scroll otherwise, as in case of using anchorlinks `hashChange`1767event is fired on every scroll too.*/1768if ((sectionAnchor && sectionAnchor !== lastScrolledDestiny) && !isFirstSlideMove || isFirstScrollMove || (!slideMoving && lastScrolledSlide != slideAnchor )) {1769scrollPageAndSlide(sectionAnchor, slideAnchor);1770}1771}1772}1773}1774* Keydown event1868*/1869function onkeydown(e){1870var shiftPressed = e.shiftKey;1871* Detecting the direction of the mouse movement.1935* Used only for the middle button of the mouse.1936*/1937var oldPageY = 0;1938function mouseMoveHandler(e){1939if(canScroll){1940// moving up1941if (e.pageY < oldPageY && isScrollAllowed.m.up){1942moveSectionUp();1943}1944* Scrolls horizontal sliders.1955*/1956function landscapeScroll(slides, destiny, direction){1957var section = slides.closest(SECTION_SEL);1958var v = {1959slides: slides,1960destiny: destiny,1961direction: direction,1962destinyPos: destiny.position(),1963slideIndex: destiny.index(),1964section: section,1965sectionIndex: section.index(SECTION_SEL),1966anchorLink: section.data('anchor'),1967slidesNav: section.find(SLIDES_NAV_SEL),1968slideAnchor: getAnchor(destiny),1969prevSlide: section.find(SLIDE_ACTIVE_SEL),1970prevSlideIndex: section.find(SLIDE_ACTIVE_SEL).index(),1971* Performs the horizontal movement. (CSS3 or jQuery)2041*2042* @param fireCallback {Bool} - determines whether or not to fire the callback2043*/2044function performHorizontalMove(slides, v, fireCallback){2045var destinyPos = v.destinyPos;2046* Sets the state for the horizontal bullet navigations.2067*/2068function activeSlidesNavigation(slidesNav, slideIndex){2069slidesNav.find(ACTIVE_SEL).removeClass(ACTIVE);2070slidesNav.find('li').eq(slideIndex).find('a').addClass(ACTIVE);2071}2072* Checks if the site needs to get responsive and disables autoScrolling if so.2107* A class `fp-responsive` is added to the plugin's container in case the user wants to use it for his own responsive CSS.2108*/2109function responsive(){2110var widthLimit = options.responsive || options.responsiveWidth; //backwards compatiblity2111var heightLimit = options.responsiveHeight;2112* Adds transition animations for the given element2130*/2131function addAnimation(element){2132var transition = 'all ' + options.scrollingSpeed + 'ms ' + options.easingcss3;2133* Remove transition animations for the given element2143*/2144function removeAnimation(element){2145return element.addClass(NO_TRANSITION);2146}2147* Activating the vertical navigation bullets according to the given slide name.2150*/2151function activateNavDots(name, sectionIndex){2152if(options.navigation){2153$(SECTION_NAV_SEL).find(ACTIVE_SEL).removeClass(ACTIVE);2154if(name){2155$(SECTION_NAV_SEL).find('a[href="#' + name + '"]').addClass(ACTIVE);2156}else{2157$(SECTION_NAV_SEL).find('li').eq(sectionIndex).find('a').addClass(ACTIVE);2158}2159}2160}2161* Activating the website main menu elements according to the given slide name.2164*/2165function activateMenuElement(name){2166if(options.menu){2167$(options.menu).find(ACTIVE_SEL).removeClass(ACTIVE);2168$(options.menu).find('[data-menuanchor="'+name+'"]').addClass(ACTIVE);2169}2170}2171* Sets to active the current menu and vertical nav items.2174*/2175function activateMenuAndNav(anchor, index){2176activateMenuElement(anchor);2177activateNavDots(anchor, index);2178}2179* Retuns `up` or `down` depending on the scrolling movement to reach its destination2182* from the current section.2183*/2184function getYmovement(destiny){2185var fromIndex = $(SECTION_ACTIVE_SEL).index(SECTION_SEL);2186var toIndex = destiny.index(SECTION_SEL);2187if( fromIndex == toIndex){2188return 'none';2189}2190if(fromIndex > toIndex){2191return 'up';2192}2193return 'down';2194}2195* Retuns `right` or `left` depending on the scrolling movement to reach its destination2198* from the current slide.2199*/2200function getXmovement(fromIndex, toIndex){2201if( fromIndex == toIndex){2202return 'none';2203}2204if(fromIndex > toIndex){2205return 'left';2206}2207return 'right';2208}2209* Checks if the element needs scrollbar and if the user wants to apply it.2212* If so it creates it.2213*2214* @param {Object} element jQuery object of the section or slide2215*/2216function createScrollBar(element){2217//User doesn't want scrollbar here? Sayonara baby!2218if(element.hasClass('fp-noscroll')) return;2219* Adds a css3 transform property to the container class with or without animation depending on the animated param.2292*/2293function transformContainer(translate3d, animated){2294if(animated){2295addAnimation(container);2296}else{2297removeAnimation(container);2298}2299* Gets a section by its anchor / index2310*/2311function getSectionByAnchor(sectionAnchor){2312if(!sectionAnchor) return [];2313* Gets a slide inside a given section by its anchor / index2324*/2325function getSlideByAnchor(slideAnchor, section){2326var slides = section.find(SLIDES_WRAPPER_SEL);2327var slide = slides.find(SLIDE_SEL + '[data-anchor="'+slideAnchor+'"]');2328* Scrolls to the given section and slide anchors2338*/2339function scrollPageAndSlide(destiny, slide){2340var section = getSectionByAnchor(destiny);2341* Scrolls the slider to the given slide destination for the given section2364*/2365function scrollSlider(section, slideAnchor){2366if(typeof slideAnchor !== 'undefined'){2367var slides = section.find(SLIDES_WRAPPER_SEL);2368var destiny = getSlideByAnchor(slideAnchor, section);2369* Creates a landscape navigation bar with dots for horizontal sliders.2378*/2379function addSlidesNavigation(section, numSlides){2380section.append('<div class="' + SLIDES_NAV + '"><ul></ul></div>');2381var nav = section.find(SLIDES_NAV_SEL);2382* Sets the state of the website depending on the active section/slide.2399* It changes the URL hash when needed and updates the body class.2400*/2401function setState(slideIndex, slideAnchor, anchorLink, sectionIndex){2402var sectionHash = '';2403* Sets the URL hash.2437*/2438function setUrlHash(url){2439if(options.recordHistory){2440location.hash = url;2441}else{2442//Mobile Chrome doesn't work the normal way, so... lets use HTML5 for phones :)2443if(isTouchDevice || isTouch){2444window.history.replaceState(undefined, undefined, '#' + url);2445}else{2446var baseUrl = window.location.href.split('#')[0];2447window.location.replace( baseUrl + '#' + url );2448}2449}2450}2451* Gets the anchor for the given slide / section. Its index will be used if there's none.2454*/2455function getAnchor(element){2456var anchor = element.data('anchor');2457var index = element.index();2458* Sets a class for the body of the page depending on the active section / slide2469*/2470function setBodyClass(){2471var section = $(SECTION_ACTIVE_SEL);2472var slide = section.find(SLIDE_ACTIVE_SEL);2473* Checks for translate3d support2496* @return boolean2497* http://stackoverflow.com/questions/5661671/detecting-transform-translate3d-support2498*/2499function support3d() {2500var el = document.createElement('p'),2501has3d,2502transforms = {2503'webkitTransform':'-webkit-transform',2504'OTransform':'-o-transform',2505'msTransform':'-ms-transform',2506'MozTransform':'-moz-transform',2507'transform':'transform'2508};2509* Removes the auto scrolling action fired by the mouse wheel and trackpad.2527* After this function is called, the mousewheel and trackpad movements won't scroll through sections.2528*/2529function removeMouseWheelHandler(){2530if (document.addEventListener) {2531document.removeEventListener('mousewheel', MouseWheelHandler, false); //IE9, Chrome, Safari, Oper2532document.removeEventListener('wheel', MouseWheelHandler, false); //Firefox2533document.removeEventListener('MozMousePixelScroll', MouseWheelHandler, false); //old Firefox2534} else {2535document.detachEvent('onmousewheel', MouseWheelHandler); //IE 6/7/82536}2537}2538* Adds the auto scrolling action for the mouse wheel and trackpad.2541* After this function is called, the mousewheel and trackpad movements will scroll through sections2542* https://developer.mozilla.org/en-US/docs/Web/Events/wheel2543*/2544function addMouseWheelHandler(){2545var prefix = '';2546var _addEventListener;2547* Binding the mousemove when the mouse's middle button is pressed2573*/2574function addMiddleWheelHandler(){2575container2576.on('mousedown', mouseDownHandler)2577.on('mouseup', mouseUpHandler);2578}2579* Unbinding the mousemove when the mouse's middle button is released2582*/2583function removeMiddleWheelHandler(){2584container2585.off('mousedown', mouseDownHandler)2586.off('mouseup', mouseUpHandler);2587}2588* Adds the possibility to auto scroll through sections on touch devices.2591*/2592function addTouchHandler(){2593if(isTouchDevice || isTouch){2594if(options.autoScrolling){2595$body.off(events.touchmove).on(events.touchmove, preventBouncing);2596}2597* Removes the auto scrolling for touch devices.2606*/2607function removeTouchHandler(){2608if(isTouchDevice || isTouch){2609$(WRAPPER_SEL)2610.off(events.touchstart)2611.off(events.touchmove);2612}2613}2614* Returns and object with Microsoft pointers (for IE<11 and for IE >= 11)2617* http://msdn.microsoft.com/en-us/library/ie/dn304886(v=vs.85).aspx2618*/2619function getMSPointer(){2620var pointer;2621* Gets the pageX and pageY properties depending on the browser.2637* https://github.com/alvarotrigo/fullPage.js/issues/194#issuecomment-340698542638*/2639function getEventsPage(e){2640var events = [];2641* Slides silently (with no animation) the active slider to the given slide.2656* @param noCallback {bool} true or defined -> no callbacks2657*/2658function silentLandscapeScroll(activeSlide, noCallbacks){2659setScrollingSpeed (0, 'internal');2660* Scrolls silently (with no animation) the page to the given Y position.2677*/2678function silentScroll(top){2679// The first section can have a negative value in iOS 10. Not quite sure why: -0.01428222656252680// that's why we round it to 0.2681var roundedTop = Math.round(top);2682* Returns the cross-browser transform string.2697*/2698function getTransforms(translate3d){2699return {2700'-webkit-transform': translate3d,2701'-moz-transform': translate3d,2702'-ms-transform':translate3d,2703'transform': translate3d2704};2705}2706* Allowing or disallowing the mouse/swipe scroll in a given direction. (not for keyboard)2709* @type m (mouse) or k (keyboard)2710*/2711function setIsScrollAllowed(value, direction, type){2712switch (direction){2713case 'up': isScrollAllowed[type].up = value; break;2714case 'down': isScrollAllowed[type].down = value; break;2715case 'left': isScrollAllowed[type].left = value; break;2716case 'right': isScrollAllowed[type].right = value; break;2717case 'all':2718if(type == 'm'){2719setAllowScrolling(value);2720}else{2721setKeyboardScrolling(value);2722}2723}2724}2725* Destroys fullpage.js plugin events and optinally its html markup and styles2728*/2729function destroy(all){2730setAutoScrolling(false, 'internal');2731setAllowScrolling(false);2732setKeyboardScrolling(false);2733container.addClass(DESTROYED);2734$window2742.off('scroll', scrollHandler)2743.off('hashchange', hashChangeHandler)2744.off('resize', resizeHandler);2745$document2747.off('click touchstart', SECTION_NAV_SEL + ' a')2748.off('mouseenter', SECTION_NAV_SEL + ' li')2749.off('mouseleave', SECTION_NAV_SEL + ' li')2750.off('click touchstart', SLIDES_NAV_LINK_SEL)2751.off('mouseover', options.normalScrollElements)2752.off('mouseout', options.normalScrollElements);2753* Removes inline styles added by fullpage.js2768*/2769function destroyStructure(){2770//reseting the `top` or `translate` properties to 02771silentScroll(0);2772* Sets the state for a variable with multiple states (original, and temporal)2852* Some variables such as `autoScrolling` or `recordHistory` might change automatically its state when using `responsive` or `autoScrolling:false`.2853* This function is used to keep track of both states, the original and the temporal one.2854* If type is not 'internal', then we assume the user is globally changing the variable.2855*/2856function setVariableState(variable, value, type){2857options[variable] = value;2858if(type !== 'internal'){2859originals[variable] = value;2860}2861}2862* Displays warnings2865*/2866function displayWarnings(){2867var extensions = ['fadingEffect', 'continuousHorizontal', 'scrollHorizontally', 'interlockedSlides', 'resetSliders', 'responsiveSlides', 'offsetSections', 'dragAndMove', 'scrollOverflowReset', 'parallax'];2868if($('html').hasClass(ENABLED)){2869showError('error', 'Fullpage.js can only be initialized once and you are doing it multiple times!');2870return;2871}2872* Shows a message in the console of the given type.2919*/2920function showError(type, text){2921console && console[type] && console[type]('fullPage: ' + text);2922}2923* Turns iScroll `mousewheel` option off dynamically2929* https://github.com/cubiq/iscroll/issues/10362930*/2931IScroll.prototype.wheelOn = function () {2932this.wrapper.addEventListener('wheel', this);2933this.wrapper.addEventListener('mousewheel', this);2934this.wrapper.addEventListener('DOMMouseScroll', this);2935};2936* Turns iScroll `mousewheel` option on dynamically2939* https://github.com/cubiq/iscroll/issues/10362940*/2941IScroll.prototype.wheelOff = function () {2942this.wrapper.removeEventListener('wheel', this);2943this.wrapper.removeEventListener('mousewheel', this);2944this.wrapper.removeEventListener('DOMMouseScroll', this);2945};2946}2947* An object to handle overflow scrolling.2950* This uses jquery.slimScroll to accomplish overflow scrolling.2951* It is possible to pass in an alternate scrollOverflowHandler2952* to the fullpage.js option that implements the same functions2953* as this handler.2954*2955* @type {Object}2956*/2957var iscrollHandler = {2958refreshId: null,2959iScrollInstances: [],2960* Turns off iScroll for the destination section.2979* When scrolling very fast on some trackpads (and Apple laptops) the inertial scrolling would2980* scroll the destination section/slide before the sections animations ends.2981*/2982onLeave: function(){2983iscrollHandler.toggleWheel(false);2984},2985* Called when overflow scrolling is needed for a section.2998*2999* @param {Object} element jQuery object containing current section3000* @param {Number} scrollHeight Current window height in pixels3001*/3002create: function(element, scrollHeight) {3003var scrollable = element.find(SCROLLABLE_SEL);3004* Return a boolean depending on whether the scrollable element is a3027* the end or at the start of the scrolling depending on the given type.3028*3029* @param {String} type Either 'top' or 'bottom'3030* @param {Object} scrollable jQuery object for the scrollable element3031* @return {Boolean}3032*/3033isScrolled: function(type, scrollable) {3034var scroller = scrollable.data('iscrollInstance');3035* Returns the scrollable element for the given section.3050* If there are landscape slides, will only return a scrollable element3051* if it is in the active slide.3052*3053* @param {Object} activeSection jQuery object containing current section3054* @return {Boolean}3055*/3056scrollable: function(activeSection){3057// if there are landscape slides, we check if the scrolling bar is in the current one or not3058if (activeSection.find(SLIDES_WRAPPER_SEL).length) {3059return activeSection.find(SLIDE_ACTIVE_SEL).find(SCROLLABLE_SEL);3060}3061return activeSection.find(SCROLLABLE_SEL);3062},3063* Returns the scroll height of the wrapped content.3066* If this is larger than the window height minus section padding,3067* overflow scrolling is needed.3068*3069* @param {Object} element jQuery object containing current section3070* @return {Number}3071*/3072scrollHeight: function(element) {3073return element.find(SCROLLABLE_SEL).children().first().get(0).scrollHeight;3074},3075* Called when overflow scrolling is no longer needed for a section.3078*3079* @param {Object} element jQuery object containing current section3080*/3081remove: function(element) {3082var scrollable = element.find(SCROLLABLE_SEL);3083if (scrollable.length) {3084var iScrollInstance = scrollable.data('iscrollInstance');3085iScrollInstance.destroy();3086* Called when overflow scrolling has already been setup but the3094* window height has potentially changed.3095*3096* @param {Object} element jQuery object containing current section3097* @param {Number} scrollHeight Current window height in pixels3098*/3099update: function(element, scrollHeight) {3100//using a timeout in order to execute the refresh function only once when `update` is called multiple times in a3101//short period of time.3102//it also comes on handy because iScroll requires the use of timeout when using `refresh`.3103clearTimeout(iscrollHandler.refreshId);3104iscrollHandler.refreshId = setTimeout(function(){3105$.each(iscrollHandler.iScrollInstances, function(){3106$(this).get(0).refresh();3107});3108}, 150);3109* Called to get any additional elements needed to wrap the section3116* content in order to facilitate overflow scrolling.3117*3118* @return {String|Object} Can be a string containing HTML,3119* a DOM element, or jQuery object.3120*/3121wrapContent: function() {3122return '<div class="' + SCROLLABLE + '"><div class="fp-scroller"></div></div>';3123}3124};3125});