diff --git a/dist/butr.common.js b/dist/butr.common.js index 1738c93..a3edc7b 100644 --- a/dist/butr.common.js +++ b/dist/butr.common.js @@ -835,7 +835,9 @@ var stickyNav = exports.stickyNav = function stickyNav(options) { * Set or remove classes to stick nav based on scroll position */ var determineStickiness = function determineStickiness() { - if ((!settings.mediaQuery || matchMedia(settings.mediaQuery).matches) && scrollingElement.scrollTop >= pos) { + if (!settings.mediaQuery && scrollingElement.scrollTop >= pos) { + isSticky = true; + } else if (matchMedia(settings.mediaQuery).matches && scrollingElement.scrollTop >= pos) { isSticky = true; } else { isSticky = false; @@ -847,8 +849,6 @@ var stickyNav = exports.stickyNav = function stickyNav(options) { nav.style.position = 'relative'; nav.style.top = 'auto'; } - // Recalculate width - setWidth(); }; /** @@ -857,8 +857,10 @@ var stickyNav = exports.stickyNav = function stickyNav(options) { var init = function init() { determineYPos(); determineStickiness(); + setWidth(); window.addEventListener('scroll', determineStickiness); window.addEventListener('resize', determineStickiness); + window.addEventListener('resize', setWidth); }; init(); diff --git a/dist/butr.min.js b/dist/butr.min.js index 12a9c1a..e73a41a 100644 --- a/dist/butr.min.js +++ b/dist/butr.min.js @@ -1,4 +1,4 @@ -window.butr=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.stickyNav=t.to=t.marker=t.autoSidebar=t.autoAnchors=void 0;var r=n(1),o=function(e){return e&&e.__esModule?e:{default:e}}(r),i=!1,u=function(e,t){var n=void 0;return function(){var r=this,o=arguments;clearTimeout(n),n=setTimeout(function(){e.apply(r,o)},t)}},a=function(e,t){var n=e.className+" "+t;e.className=n.trim()},c=function(e){var t={duration:800,loop:null,done:null,easing:"easeInOutQuad"},n=(0,o.default)({},t,e),r=void 0,u=void 0,a=void 0,c=function e(){a=performance.now(),n.loop(l),an)d+=r-n-1,r-=d,s.push(o.children);else if(rc){e||(e=p[t]);break}e=p[t]}e&&C("#"+e.id)},C=function(e){var t=document.querySelector(".js-butr-link.js-butr-active"),r=document.querySelector('.js-butr-link[href="'+e+'"]');r!==t&&(t&&(t.classList.remove("js-butr-active"),n.activeClass&&t.classList.remove(n.activeClass)),r&&(r.classList.add("js-butr-active"),n.activeClass&&a(r,n.activeClass),g(r)))},k=function(){c=s.scrollTop,j()},E=u(function(){i||k()},50);!function(){v(),h()&&(b(),y(),k(),window.addEventListener("scroll",E))}()},f=t.to=function(e){var t={scrollingElement:!1,target:0,direction:"y",speed:1,keepHash:!0,callback:null},n=(0,o.default)({},t,e),r=window.matchMedia("(prefers-reduced-motion)").matches,i=void 0,u=void 0,a=void 0,l=function(){return e.scrollingElement?document.querySelector(e.scrollingElement):document.scrollingElement||document.documentElement},s=function(){return"x"===n.direction?a.scrollLeft:"y"===n.direction?a.scrollTop:void 0},d=function(){if("#"===n.target[0]){var e=document.getElementById(n.target.substr(1));return e&&"x"===n.direction?e.offsetLeft:e&&"y"===n.direction?e.offsetTop:0}return n.target},f=function(e){"x"===n.direction&&(a.scrollLeft=e),"y"===n.direction&&(a.scrollTop=e)},p=function(){"function"==typeof n.callback&&n.callback()},m=function(e){return 1/n.speed*24*Math.sqrt(Math.abs(e))},v=function(){i=s(),(u=d())!==i&&c({duration:m(u-i),loop:function(e){var t=e(i,u);f(t)},done:p})},h=function(){n.keepHash&&"#"===n.target[0]&&history.pushState({},"",n.target)};!function(){a=l(),r?f(d()):v(),h()}()},p=t.stickyNav=function(e){var t={distanceTop:0,mediaQuery:!1},n=(0,o.default)({},t,e),r=0,i=document.scrollingElement||document.documentElement,a=document.querySelector(".js-butr-nav"),c=!1,l=function(){r=a.offsetTop-s(n.distanceTop)},s=function(e){return"number"==typeof e?e:parseInt(e.replace(/[^0-9\.]+/g,""))},d=u(function(){if(c){var e=window.getComputedStyle(a.parentNode,null),t=s(e.getPropertyValue("padding-right")),n=s(e.getPropertyValue("padding-left")),r=s(e.getPropertyValue("width"));a.style.maxWidth=r-n-t+"px"}else a.style.maxWidth=null},250),f=function(){c=!(n.mediaQuery&&!matchMedia(n.mediaQuery).matches||!(i.scrollTop>=r)),c?(a.style.position="fixed",a.style.top=s(n.distanceTop)+"px"):(a.style.position="relative",a.style.top="auto"),d()};!function(){l(),f(),window.addEventListener("scroll",f),window.addEventListener("resize",f)}()};t.default={autoAnchors:l,autoSidebar:s,marker:d,stickyNav:p,to:f}},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}/* +window.butr=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.stickyNav=t.to=t.marker=t.autoSidebar=t.autoAnchors=void 0;var r=n(1),o=function(e){return e&&e.__esModule?e:{default:e}}(r),i=!1,u=function(e,t){var n=void 0;return function(){var r=this,o=arguments;clearTimeout(n),n=setTimeout(function(){e.apply(r,o)},t)}},a=function(e,t){var n=e.className+" "+t;e.className=n.trim()},c=function(e){var t={duration:800,loop:null,done:null,easing:"easeInOutQuad"},n=(0,o.default)({},t,e),r=void 0,u=void 0,a=void 0,c=function e(){a=performance.now(),n.loop(l),an)d+=r-n-1,r-=d,s.push(o.children);else if(rc){e||(e=p[t]);break}e=p[t]}e&&C("#"+e.id)},C=function(e){var t=document.querySelector(".js-butr-link.js-butr-active"),r=document.querySelector('.js-butr-link[href="'+e+'"]');r!==t&&(t&&(t.classList.remove("js-butr-active"),n.activeClass&&t.classList.remove(n.activeClass)),r&&(r.classList.add("js-butr-active"),n.activeClass&&a(r,n.activeClass),g(r)))},w=function(){c=s.scrollTop,j()},E=u(function(){i||w()},50);!function(){v(),h()&&(b(),y(),w(),window.addEventListener("scroll",E))}()},f=t.to=function(e){var t={scrollingElement:!1,target:0,direction:"y",speed:1,keepHash:!0,callback:null},n=(0,o.default)({},t,e),r=window.matchMedia("(prefers-reduced-motion)").matches,i=void 0,u=void 0,a=void 0,l=function(){return e.scrollingElement?document.querySelector(e.scrollingElement):document.scrollingElement||document.documentElement},s=function(){return"x"===n.direction?a.scrollLeft:"y"===n.direction?a.scrollTop:void 0},d=function(){if("#"===n.target[0]){var e=document.getElementById(n.target.substr(1));return e&&"x"===n.direction?e.offsetLeft:e&&"y"===n.direction?e.offsetTop:0}return n.target},f=function(e){"x"===n.direction&&(a.scrollLeft=e),"y"===n.direction&&(a.scrollTop=e)},p=function(){"function"==typeof n.callback&&n.callback()},m=function(e){return 1/n.speed*24*Math.sqrt(Math.abs(e))},v=function(){i=s(),(u=d())!==i&&c({duration:m(u-i),loop:function(e){var t=e(i,u);f(t)},done:p})},h=function(){n.keepHash&&"#"===n.target[0]&&history.pushState({},"",n.target)};!function(){a=l(),r?f(d()):v(),h()}()},p=t.stickyNav=function(e){var t={distanceTop:0,mediaQuery:!1},n=(0,o.default)({},t,e),r=0,i=document.scrollingElement||document.documentElement,a=document.querySelector(".js-butr-nav"),c=!1,l=function(){r=a.offsetTop-s(n.distanceTop)},s=function(e){return"number"==typeof e?e:parseInt(e.replace(/[^0-9\.]+/g,""))},d=u(function(){if(c){var e=window.getComputedStyle(a.parentNode,null),t=s(e.getPropertyValue("padding-right")),n=s(e.getPropertyValue("padding-left")),r=s(e.getPropertyValue("width"));a.style.maxWidth=r-n-t+"px"}else a.style.maxWidth=null},250),f=function(){c=!n.mediaQuery&&i.scrollTop>=r||!!(matchMedia(n.mediaQuery).matches&&i.scrollTop>=r),c?(a.style.position="fixed",a.style.top=s(n.distanceTop)+"px"):(a.style.position="relative",a.style.top="auto")};!function(){l(),f(),d(),window.addEventListener("scroll",f),window.addEventListener("resize",f),window.addEventListener("resize",d)}()};t.default={autoAnchors:l,autoSidebar:s,marker:d,stickyNav:p,to:f}},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}/* object-assign (c) Sindre Sorhus @license MIT