diff options
author | Prashant S | 2019-08-27 12:32:16 +0530 |
---|---|---|
committer | GitHub | 2019-08-27 12:32:16 +0530 |
commit | 46c8dee1d41462c4a00989b91d555faf6e422632 (patch) | |
tree | a9089f56541854b48ddbda733832a153c6d53927 /static/website/bootstrap-css/bower_components/smooth-scroll/src | |
parent | 23507115caa3d4de0dbf4909376e35df4352d3d9 (diff) | |
parent | b9c709823e26f5b20d3732e1788b871cdd961a03 (diff) | |
download | SciPy2019-46c8dee1d41462c4a00989b91d555faf6e422632.tar.gz SciPy2019-46c8dee1d41462c4a00989b91d555faf6e422632.tar.bz2 SciPy2019-46c8dee1d41462c4a00989b91d555faf6e422632.zip |
Merge pull request #1 from prashantsinalkar/master
updated project code
Diffstat (limited to 'static/website/bootstrap-css/bower_components/smooth-scroll/src')
6 files changed, 910 insertions, 0 deletions
diff --git a/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/_templates/_footer.html b/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/_templates/_footer.html new file mode 100644 index 0000000..d8d3a12 --- /dev/null +++ b/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/_templates/_footer.html @@ -0,0 +1,20 @@ + + </section> + </main> + + <!-- Javascript --> + <script src='dist/js/buoy.js'></script> + <script src='dist/js/smooth-scroll.js'></script> + <script> + smoothScroll.init({ + speed: 1000, + easing: 'easeInOutCubic', + offset: 0, + updateURL: true, + callback: function ( toggle, anchor ) {} + }); + </script> + + + </body> +</html>
\ No newline at end of file diff --git a/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/_templates/_header.html b/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/_templates/_header.html new file mode 100644 index 0000000..217d982 --- /dev/null +++ b/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/_templates/_header.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"> + + <head> + <meta charset="utf-8"> + <title>Smooth Scroll</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <!-- stylesheets --> + <link rel="stylesheet" href="assets/css/custom.css" type="text/css"> + </head> + + <body> + + <main class="container" id="top"> + + <nav> + <h1>Smooth Scroll</h1> + <p><a href="https://github.com/cferdinandi/smooth-scroll">GitHub</a></p> + <hr> + </nav> + + <section> diff --git a/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/assets/css/custom.css b/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/assets/css/custom.css new file mode 100644 index 0000000..653830a --- /dev/null +++ b/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/assets/css/custom.css @@ -0,0 +1,20 @@ +@-webkit-viewport { width: device-width; zoom: 1.0; } +@-moz-viewport { width: device-width; zoom: 1.0; } +@-ms-viewport { width: device-width; zoom: 1.0; } +@-o-viewport { width: device-width; zoom: 1.0; } +@viewport { width: device-width; zoom: 1.0; } + +html { overflow-y: auto; } + +img, audio, video, canvas { + max-width: 100%; + height: auto; +} + +/* Sets body width */ +.container { + max-width: 40em; + width: 88%; + margin-left: auto; + margin-right: auto; +}
\ No newline at end of file diff --git a/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/index.html b/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/index.html new file mode 100644 index 0000000..1dd9971 --- /dev/null +++ b/static/website/bootstrap-css/bower_components/smooth-scroll/src/docs/index.html @@ -0,0 +1,44 @@ + <p> + <strong>Linear</strong><br> + <a data-scroll data-options='{ "easing": "linear" }' href="#bazinga">Linear (no other options)</a><br> + </p> + + <p> + <strong>Ease-In</strong><br> + <a data-scroll data-options='{ "easing": "easeInQuad" }' href="#bazinga">Quad</a><br> + <a data-scroll data-options='{ "easing": "easeInCubic" }' href="#bazinga">Cubic</a><br> + <a data-scroll data-options='{ "easing": "easeInQuart" }' href="#bazinga">Quart</a><br> + <a data-scroll data-options='{ "easing": "easeInQuint" }' href="#bazinga">Quint</a> + </p> + + <p> + <strong>Ease-In-Out</strong><br> + <a data-scroll data-options='{ "easing": "easeInOutQuad" }' href="#bazinga">Quad</a><br> + <a data-scroll data-options='{ "easing": "easeInOutCubic" }' href="#bazinga">Cubic</a><br> + <a data-scroll data-options='{ "easing": "easeInOutQuart" }' href="#bazinga">Quart</a><br> + <a data-scroll data-options='{ "easing": "easeInOutQuint" }' href="#bazinga">Quint</a> + </p> + + <p> + <strong>Ease-Out</strong><br> + <a data-scroll data-options='{ "easing": "easeOutQuad" }' href="#bazinga">Quad</a><br> + <a data-scroll data-options='{ "easing": "easeOutCubic" }' href="#bazinga">Cubic</a><br> + <a data-scroll data-options='{ "easing": "easeOutQuart" }' href="#bazinga">Quart</a><br> + <a data-scroll data-options='{ "easing": "easeOutQuint" }' href="#bazinga">Quint</a> + </p> + + <p> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>. + </p> + + <p id="bazinga"><a data-scroll href="#1@#%^-bottom">Bazinga!</a></p> + + <p> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br> + .<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>. + </p> + + <p id="1@#%^-bottom"><a data-scroll data-options='{ "easing": "easeOutCubic" }' href="#">Back to the top</a></p>
\ No newline at end of file diff --git a/static/website/bootstrap-css/bower_components/smooth-scroll/src/js/buoy.js b/static/website/bootstrap-css/bower_components/smooth-scroll/src/js/buoy.js new file mode 100644 index 0000000..b9e4be7 --- /dev/null +++ b/static/website/bootstrap-css/bower_components/smooth-scroll/src/js/buoy.js @@ -0,0 +1,328 @@ +(function (root, factory) { + if ( typeof define === 'function' && define.amd ) { + define([], factory(root)); + } else if ( typeof exports === 'object' ) { + module.exports = factory(root); + } else { + root.buoy = factory(root); + } +})(typeof global !== 'undefined' ? global : this.window || this.global, function (root) { + + 'use strict'; + + // Object for public APIs + var buoy = {}; + + + // + // Methods + // + + /** + * Wait until the DOM is ready before executing code + * @param {Function} fn The function to execute when the DOM is ready + */ + buoy.ready = function ( fn ) { + + // Sanity check + if ( typeof fn !== 'function' ) return; + + // If document is already loaded, run method + if ( document.readyState === 'complete' ) { + return fn(); + } + + // Otherwise, wait until document is loaded + document.addEventListener( 'DOMContentLoaded', fn, false ); + + }; + + /** + * A simple forEach() implementation for Arrays, Objects and NodeLists. + * @author Todd Motto + * @link https://github.com/toddmotto/foreach + * @param {Array|Object|NodeList} collection Collection of items to iterate + * @param {Function} callback Callback function for each iteration + * @param {Array|Object|NodeList} scope Object/NodeList/Array that forEach is iterating over (aka `this`) + */ + buoy.forEach = function ( collection, callback, scope ) { + if ( Object.prototype.toString.call( collection ) === '[object Object]' ) { + for ( var prop in collection ) { + if ( Object.prototype.hasOwnProperty.call( collection, prop ) ) { + callback.call( scope, collection[prop], prop, collection ); + } + } + } else { + for ( var i = 0, len = collection.length; i < len; i++ ) { + callback.call( scope, collection[i], i, collection ); + } + } + }; + + /** + * Merge two or more objects. Returns a new object. + * @param {Boolean} deep If true, do a deep (or recursive) merge [optional] + * @param {Object} objects The objects to merge together + * @returns {Object} Merged values of defaults and options + */ + buoy.extend = function () { + + // Variables + var extended = {}; + var deep = false; + var i = 0; + var length = arguments.length; + + // Check if a deep merge + if ( Object.prototype.toString.call( arguments[0] ) === '[object Boolean]' ) { + deep = arguments[0]; + i++; + } + + // Merge the object into the extended object + var merge = function (obj) { + for ( var prop in obj ) { + if ( Object.prototype.hasOwnProperty.call( obj, prop ) ) { + // If deep merge and property is an object, merge properties + if ( deep && Object.prototype.toString.call(obj[prop]) === '[object Object]' ) { + extended[prop] = buoy.extend( true, extended[prop], obj[prop] ); + } else { + extended[prop] = obj[prop]; + } + } + } + }; + + // Loop through each object and conduct a merge + for ( ; i < length; i++ ) { + var obj = arguments[i]; + merge(obj); + } + + return extended; + + }; + + /** + * Get the height of an element. + * @param {Node} elem The element to get the height of + * @return {Number} The element's height in pixels + */ + buoy.getHeight = function ( elem ) { + return Math.max( elem.scrollHeight, elem.offsetHeight, elem.clientHeight ); + }; + + /** + * Get an element's distance from the top of the Document. + * @param {Node} elem The element + * @return {Number} Distance from the top in pixels + */ + buoy.getOffsetTop = function ( elem ) { + var location = 0; + if (elem.offsetParent) { + do { + location += elem.offsetTop; + elem = elem.offsetParent; + } while (elem); + } + return location >= 0 ? location : 0; + }; + + /** + * Get the closest matching element up the DOM tree. + * @param {Element} elem Starting element + * @param {String} selector Selector to match against (class, ID, data attribute, or tag) + * @return {Boolean|Element} Returns null if not match found + */ + buoy.getClosest = function ( elem, selector ) { + + // Variables + var firstChar = selector.charAt(0); + var supports = 'classList' in document.documentElement; + var attribute, value; + + // If selector is a data attribute, split attribute from value + if ( firstChar === '[' ) { + selector = selector.substr(1, selector.length - 2); + attribute = selector.split( '=' ); + + if ( attribute.length > 1 ) { + value = true; + attribute[1] = attribute[1].replace( /"/g, '' ).replace( /'/g, '' ); + } + } + + // Get closest match + for ( ; elem && elem !== document; elem = elem.parentNode ) { + + // If selector is a class + if ( firstChar === '.' ) { + if ( supports ) { + if ( elem.classList.contains( selector.substr(1) ) ) { + return elem; + } + } else { + if ( new RegExp('(^|\\s)' + selector.substr(1) + '(\\s|$)').test( elem.className ) ) { + return elem; + } + } + } + + // If selector is an ID + if ( firstChar === '#' ) { + if ( elem.id === selector.substr(1) ) { + return elem; + } + } + + // If selector is a data attribute + if ( firstChar === '[' ) { + if ( elem.hasAttribute( attribute[0] ) ) { + if ( value ) { + if ( elem.getAttribute( attribute[0] ) === attribute[1] ) { + return elem; + } + } else { + return elem; + } + } + } + + // If selector is a tag + if ( elem.tagName.toLowerCase() === selector ) { + return elem; + } + + } + + return null; + + }; + + /** + * Get an element's parents. + * @param {Node} elem The element + * @param {String} selector Selector to match against (class, ID, data attribute, or tag) + * @return {Array} An array of matching nodes + */ + buoy.getParents = function ( elem, selector ) { + + // Variables + var parents = []; + var supports = 'classList' in document.documentElement; + var firstChar, attribute, value; + + // If selector is a data attribute, split attribute from value + if ( selector ) { + firstChar = selector.charAt(0); + if ( firstChar === '[' ) { + selector = selector.substr(1, selector.length - 2); + attribute = selector.split( '=' ); + + if ( attribute.length > 1 ) { + value = true; + attribute[1] = attribute[1].replace( /"/g, '' ).replace( /'/g, '' ); + } + } + } + + // Get matches + for ( ; elem && elem !== document; elem = elem.parentNode ) { + if ( selector ) { + + // If selector is a class + if ( firstChar === '.' ) { + if ( supports ) { + if ( elem.classList.contains( selector.substr(1) ) ) { + parents.push( elem ); + } + } else { + if ( new RegExp('(^|\\s)' + selector.substr(1) + '(\\s|$)').test( elem.className ) ) { + parents.push( elem ); + } + } + } + + // If selector is an ID + if ( firstChar === '#' ) { + if ( elem.id === selector.substr(1) ) { + parents.push( elem ); + } + } + + // If selector is a data attribute + if ( firstChar === '[' ) { + if ( elem.hasAttribute( attribute[0] ) ) { + if ( value ) { + if ( elem.getAttribute( attribute[0] ) === attribute[1] ) { + parents.push( elem ); + } + } else { + parents.push( elem ); + } + } + } + + // If selector is a tag + if ( elem.tagName.toLowerCase() === selector ) { + parents.push( elem ); + } + + } else { + parents.push( elem ); + } + + } + + // Return parents if any exist + if ( parents.length === 0 ) { + return null; + } else { + return parents; + } + + }; + + /** + * Get an element's siblings. + * @param {Node} elem The element + * @return {Array} An array of sibling nodes + */ + buoy.getSiblings = function ( elem ) { + + // Variables + var siblings = []; + var sibling = elem.parentNode.firstChild; + + // Loop through all sibling nodes + for ( ; sibling; sibling = sibling.nextSibling ) { + if ( sibling.nodeType === 1 && sibling !== elem ) { + siblings.push( sibling ); + } + } + + return siblings; + + }; + + /** + * Get data from a URL query string. + * @param {String} field The field to get from the URL + * @param {String} url The URL to parse + * @return {String} The field value + */ + buoy.getQueryString = function ( field, url ) { + var href = url ? url : window.location.href; + var reg = new RegExp( '[?&]' + field + '=([^&#]*)', 'i' ); + var string = reg.exec(href); + return string ? string[1] : null; + }; + + + // + // Public APIs + // + + return buoy; + +});
\ No newline at end of file diff --git a/static/website/bootstrap-css/bower_components/smooth-scroll/src/js/smooth-scroll.js b/static/website/bootstrap-css/bower_components/smooth-scroll/src/js/smooth-scroll.js new file mode 100644 index 0000000..336c715 --- /dev/null +++ b/static/website/bootstrap-css/bower_components/smooth-scroll/src/js/smooth-scroll.js @@ -0,0 +1,475 @@ +(function (root, factory) { + if ( typeof define === 'function' && define.amd ) { + define(['buoy'], factory(root)); + } else if ( typeof exports === 'object' ) { + module.exports = factory(root, require('buoy')); + } else { + root.smoothScroll = factory(root, root.buoy); + } +})(typeof global !== 'undefined' ? global : this.window || this.global, function (root) { + + 'use strict'; + + // + // Variables + // + + var smoothScroll = {}; // Object for public APIs + var supports = !!root.document.querySelector && !!root.addEventListener; // Feature test + var settings, eventTimeout, fixedHeader, headerHeight; + + // Default settings + var defaults = { + speed: 500, + easing: 'easeInOutCubic', + offset: 0, + updateURL: true, + callback: function () {} + }; + + + // + // Methods + // + + /** + * Merge two or more objects. Returns a new object. + * @private + * @param {Boolean} deep If true, do a deep (or recursive) merge [optional] + * @param {Object} objects The objects to merge together + * @returns {Object} Merged values of defaults and options + */ + var extend = function () { + + // Variables + var extended = {}; + var deep = false; + var i = 0; + var length = arguments.length; + + // Check if a deep merge + if ( Object.prototype.toString.call( arguments[0] ) === '[object Boolean]' ) { + deep = arguments[0]; + i++; + } + + // Merge the object into the extended object + var merge = function (obj) { + for ( var prop in obj ) { + if ( Object.prototype.hasOwnProperty.call( obj, prop ) ) { + // If deep merge and property is an object, merge properties + if ( deep && Object.prototype.toString.call(obj[prop]) === '[object Object]' ) { + extended[prop] = extend( true, extended[prop], obj[prop] ); + } else { + extended[prop] = obj[prop]; + } + } + } + }; + + // Loop through each object and conduct a merge + for ( ; i < length; i++ ) { + var obj = arguments[i]; + merge(obj); + } + + return extended; + + }; + + /** + * Get the height of an element. + * @private + * @param {Node} elem The element to get the height of + * @return {Number} The element's height in pixels + */ + var getHeight = function ( elem ) { + return Math.max( elem.scrollHeight, elem.offsetHeight, elem.clientHeight ); + }; + + /** + * Get the closest matching element up the DOM tree. + * @private + * @param {Element} elem Starting element + * @param {String} selector Selector to match against (class, ID, data attribute, or tag) + * @return {Boolean|Element} Returns null if not match found + */ + var getClosest = function ( elem, selector ) { + + // Variables + var firstChar = selector.charAt(0); + var supports = 'classList' in document.documentElement; + var attribute, value; + + // If selector is a data attribute, split attribute from value + if ( firstChar === '[' ) { + selector = selector.substr(1, selector.length - 2); + attribute = selector.split( '=' ); + + if ( attribute.length > 1 ) { + value = true; + attribute[1] = attribute[1].replace( /"/g, '' ).replace( /'/g, '' ); + } + } + + // Get closest match + for ( ; elem && elem !== document; elem = elem.parentNode ) { + + // If selector is a class + if ( firstChar === '.' ) { + if ( supports ) { + if ( elem.classList.contains( selector.substr(1) ) ) { + return elem; + } + } else { + if ( new RegExp('(^|\\s)' + selector.substr(1) + '(\\s|$)').test( elem.className ) ) { + return elem; + } + } + } + + // If selector is an ID + if ( firstChar === '#' ) { + if ( elem.id === selector.substr(1) ) { + return elem; + } + } + + // If selector is a data attribute + if ( firstChar === '[' ) { + if ( elem.hasAttribute( attribute[0] ) ) { + if ( value ) { + if ( elem.getAttribute( attribute[0] ) === attribute[1] ) { + return elem; + } + } else { + return elem; + } + } + } + + // If selector is a tag + if ( elem.tagName.toLowerCase() === selector ) { + return elem; + } + + } + + return null; + + }; + + /** + * Escape special characters for use with querySelector + * @private + * @param {String} id The anchor ID to escape + * @author Mathias Bynens + * @link https://github.com/mathiasbynens/CSS.escape + */ + var escapeCharacters = function ( id ) { + var string = String(id); + var length = string.length; + var index = -1; + var codeUnit; + var result = ''; + var firstCodeUnit = string.charCodeAt(0); + while (++index < length) { + codeUnit = string.charCodeAt(index); + // Note: there’s no need to special-case astral symbols, surrogate + // pairs, or lone surrogates. + + // If the character is NULL (U+0000), then throw an + // `InvalidCharacterError` exception and terminate these steps. + if (codeUnit === 0x0000) { + throw new InvalidCharacterError( + 'Invalid character: the input contains U+0000.' + ); + } + + if ( + // If the character is in the range [\1-\1F] (U+0001 to U+001F) or is + // U+007F, […] + (codeUnit >= 0x0001 && codeUnit <= 0x001F) || codeUnit == 0x007F || + // If the character is the first character and is in the range [0-9] + // (U+0030 to U+0039), […] + (index === 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) || + // If the character is the second character and is in the range [0-9] + // (U+0030 to U+0039) and the first character is a `-` (U+002D), […] + ( + index === 1 && + codeUnit >= 0x0030 && codeUnit <= 0x0039 && + firstCodeUnit === 0x002D + ) + ) { + // http://dev.w3.org/csswg/cssom/#escape-a-character-as-code-point + result += '\\' + codeUnit.toString(16) + ' '; + continue; + } + + // If the character is not handled by one of the above rules and is + // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or + // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to + // U+005A), or [a-z] (U+0061 to U+007A), […] + if ( + codeUnit >= 0x0080 || + codeUnit === 0x002D || + codeUnit === 0x005F || + codeUnit >= 0x0030 && codeUnit <= 0x0039 || + codeUnit >= 0x0041 && codeUnit <= 0x005A || + codeUnit >= 0x0061 && codeUnit <= 0x007A + ) { + // the character itself + result += string.charAt(index); + continue; + } + + // Otherwise, the escaped character. + // http://dev.w3.org/csswg/cssom/#escape-a-character + result += '\\' + string.charAt(index); + + } + return result; + }; + + /** + * Calculate the easing pattern + * @private + * @link https://gist.github.com/gre/1650294 + * @param {String} type Easing pattern + * @param {Number} time Time animation should take to complete + * @returns {Number} + */ + var easingPattern = function ( type, time ) { + var pattern; + if ( type === 'easeInQuad' ) pattern = time * time; // accelerating from zero velocity + if ( type === 'easeOutQuad' ) pattern = time * (2 - time); // decelerating to zero velocity + if ( type === 'easeInOutQuad' ) pattern = time < 0.5 ? 2 * time * time : -1 + (4 - 2 * time) * time; // acceleration until halfway, then deceleration + if ( type === 'easeInCubic' ) pattern = time * time * time; // accelerating from zero velocity + if ( type === 'easeOutCubic' ) pattern = (--time) * time * time + 1; // decelerating to zero velocity + if ( type === 'easeInOutCubic' ) pattern = time < 0.5 ? 4 * time * time * time : (time - 1) * (2 * time - 2) * (2 * time - 2) + 1; // acceleration until halfway, then deceleration + if ( type === 'easeInQuart' ) pattern = time * time * time * time; // accelerating from zero velocity + if ( type === 'easeOutQuart' ) pattern = 1 - (--time) * time * time * time; // decelerating to zero velocity + if ( type === 'easeInOutQuart' ) pattern = time < 0.5 ? 8 * time * time * time * time : 1 - 8 * (--time) * time * time * time; // acceleration until halfway, then deceleration + if ( type === 'easeInQuint' ) pattern = time * time * time * time * time; // accelerating from zero velocity + if ( type === 'easeOutQuint' ) pattern = 1 + (--time) * time * time * time * time; // decelerating to zero velocity + if ( type === 'easeInOutQuint' ) pattern = time < 0.5 ? 16 * time * time * time * time * time : 1 + 16 * (--time) * time * time * time * time; // acceleration until halfway, then deceleration + return pattern || time; // no easing, no acceleration + }; + + /** + * Calculate how far to scroll + * @private + * @param {Element} anchor The anchor element to scroll to + * @param {Number} headerHeight Height of a fixed header, if any + * @param {Number} offset Number of pixels by which to offset scroll + * @returns {Number} + */ + var getEndLocation = function ( anchor, headerHeight, offset ) { + var location = 0; + if (anchor.offsetParent) { + do { + location += anchor.offsetTop; + anchor = anchor.offsetParent; + } while (anchor); + } + location = location - headerHeight - offset; + return location >= 0 ? location : 0; + }; + + /** + * Determine the document's height + * @private + * @returns {Number} + */ + var getDocumentHeight = function () { + return Math.max( + root.document.body.scrollHeight, root.document.documentElement.scrollHeight, + root.document.body.offsetHeight, root.document.documentElement.offsetHeight, + root.document.body.clientHeight, root.document.documentElement.clientHeight + ); + }; + + /** + * Convert data-options attribute into an object of key/value pairs + * @private + * @param {String} options Link-specific options as a data attribute string + * @returns {Object} + */ + var getDataOptions = function ( options ) { + return !options || !(typeof JSON === 'object' && typeof JSON.parse === 'function') ? {} : JSON.parse( options ); + }; + + /** + * Update the URL + * @private + * @param {Element} anchor The element to scroll to + * @param {Boolean} url Whether or not to update the URL history + */ + var updateUrl = function ( anchor, url ) { + if ( root.history.pushState && (url || url === 'true') ) { + root.history.pushState( null, null, [root.location.protocol, '//', root.location.host, root.location.pathname, root.location.search, anchor].join('') ); + } + }; + + var getHeaderHeight = function ( header ) { + return header === null ? 0 : ( getHeight( header ) + header.offsetTop ); + }; + + /** + * Start/stop the scrolling animation + * @public + * @param {Element} toggle The element that toggled the scroll event + * @param {Element} anchor The element to scroll to + * @param {Object} options + */ + smoothScroll.animateScroll = function ( toggle, anchor, options ) { + + // Options and overrides + var overrides = getDataOptions( toggle ? toggle.getAttribute('data-options') : null ); + var settings = extend( settings || defaults, options || {}, overrides ); // Merge user options with defaults + anchor = '#' + escapeCharacters(anchor.substr(1)); // Escape special characters and leading numbers + + // Selectors and variables + var anchorElem = anchor === '#' ? root.document.documentElement : root.document.querySelector(anchor); + var startLocation = root.pageYOffset; // Current location on the page + if ( !fixedHeader ) { fixedHeader = root.document.querySelector('[data-scroll-header]'); } // Get the fixed header if not already set + if ( !headerHeight ) { headerHeight = getHeaderHeight( fixedHeader ); } // Get the height of a fixed header if one exists and not already set + var endLocation = getEndLocation( anchorElem, headerHeight, parseInt(settings.offset, 10) ); // Scroll to location + var animationInterval; // interval timer + var distance = endLocation - startLocation; // distance to travel + var documentHeight = getDocumentHeight(); + var timeLapsed = 0; + var percentage, position; + + // Update URL + updateUrl(anchor, settings.updateURL); + + /** + * Stop the scroll animation when it reaches its target (or the bottom/top of page) + * @private + * @param {Number} position Current position on the page + * @param {Number} endLocation Scroll to location + * @param {Number} animationInterval How much to scroll on this loop + */ + var stopAnimateScroll = function (position, endLocation, animationInterval) { + var currentLocation = root.pageYOffset; + if ( position == endLocation || currentLocation == endLocation || ( (root.innerHeight + currentLocation) >= documentHeight ) ) { + clearInterval(animationInterval); + anchorElem.focus(); + settings.callback( toggle, anchor ); // Run callbacks after animation complete + } + }; + + /** + * Loop scrolling animation + * @private + */ + var loopAnimateScroll = function () { + timeLapsed += 16; + percentage = ( timeLapsed / parseInt(settings.speed, 10) ); + percentage = ( percentage > 1 ) ? 1 : percentage; + position = startLocation + ( distance * easingPattern(settings.easing, percentage) ); + root.scrollTo( 0, Math.floor(position) ); + stopAnimateScroll(position, endLocation, animationInterval); + }; + + /** + * Set interval timer + * @private + */ + var startAnimateScroll = function () { + animationInterval = setInterval(loopAnimateScroll, 16); + }; + + /** + * Reset position to fix weird iOS bug + * @link https://github.com/cferdinandi/smooth-scroll/issues/45 + */ + if ( root.pageYOffset === 0 ) { + root.scrollTo( 0, 0 ); + } + + // Start scrolling animation + startAnimateScroll(); + + }; + + /** + * If smooth scroll element clicked, animate scroll + * @private + */ + var eventHandler = function (event) { + var toggle = getClosest(event.target, '[data-scroll]'); + if ( toggle && toggle.tagName.toLowerCase() === 'a' ) { + event.preventDefault(); // Prevent default click event + smoothScroll.animateScroll( toggle, toggle.hash, settings); // Animate scroll + } + }; + + /** + * On window scroll and resize, only run events at a rate of 15fps for better performance + * @private + * @param {Function} eventTimeout Timeout function + * @param {Object} settings + */ + var eventThrottler = function (event) { + if ( !eventTimeout ) { + eventTimeout = setTimeout(function() { + eventTimeout = null; // Reset timeout + headerHeight = getHeaderHeight( fixedHeader ); // Get the height of a fixed header if one exists + }, 66); + } + }; + + /** + * Destroy the current initialization. + * @public + */ + smoothScroll.destroy = function () { + + // If plugin isn't already initialized, stop + if ( !settings ) return; + + // Remove event listeners + root.document.removeEventListener( 'click', eventHandler, false ); + root.removeEventListener( 'resize', eventThrottler, false ); + + // Reset varaibles + settings = null; + eventTimeout = null; + fixedHeader = null; + headerHeight = null; + }; + + /** + * Initialize Smooth Scroll + * @public + * @param {Object} options User settings + */ + smoothScroll.init = function ( options ) { + + // feature test + if ( !supports ) return; + + // Destroy any existing initializations + smoothScroll.destroy(); + + // Selectors and variables + settings = extend( defaults, options || {} ); // Merge user options with defaults + fixedHeader = root.document.querySelector('[data-scroll-header]'); // Get the fixed header + headerHeight = getHeaderHeight( fixedHeader ); + + // When a toggle is clicked, run the click handler + root.document.addEventListener('click', eventHandler, false ); + if ( fixedHeader ) { root.addEventListener( 'resize', eventThrottler, false ); } + + }; + + + // + // Public APIs + // + + return smoothScroll; + +}); |