vanilla-back-to-top
Advanced tools
Comparing version 3.0.1 to 3.1.0
@@ -1,1 +0,1 @@ | ||
function addBackToTop(e){var t=e.id,o=void 0===t?"back-to-top":t,n=e.scrollContainer,c=void 0===n?document.documentElement:n,i=e.showWhenScrollTopIs,a=void 0===i?300:i,d=e.onClickScrollTo,r=void 0===d?0:d,l=e.innerElement,s=void 0===l?document.createTextNode("Up"):l,p=e.size,m=void 0===p?50:p,u=e.fontSize,f=void 0===u?14:u,x=e.cornerOffset,b=void 0===x?20:x,v=e.backgroundColor,k=void 0===v?"#000":v,h=e.textColor,y=void 0===h?"#fff":h,w=e.zIndex,g=void 0===w?1:w;!function(){var e="#".concat(o,"{bottom:").concat(b,"px;opacity:1;position:fixed;right:").concat(b,"px;-webkit-transition:bottom .2s,opacity .2s;transition:bottom .2s,opacity .2s;z-index:").concat(g,";}#").concat(o,".hidden{bottom:-").concat(m,"px;opacity:0;}#").concat(o," a{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:").concat(k,";border-radius:").concat(m,"px;color:").concat(y,";cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:").concat(f,"px;height:").concat(m,"px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;width:").concat(m,"px;}"),t=document.createElement("style");t.appendChild(document.createTextNode(e)),document.head.insertAdjacentElement("afterbegin",t)}();var E,C=function(){var e=document.createElement("div");e.id=o;var t=document.createElement("a");return t.addEventListener("click",function(e){e.preventDefault(),c.scrollTop=r}),t.appendChild(s),e.appendChild(t),document.body.appendChild(e),e}();T(),(c===document.documentElement?window:c).addEventListener("scroll",T);function T(){c.scrollTop>=a?function(){if(!E)return;C.className="",E=!1}():function(){if(E)return;C.className="hidden",E=!0}()}} | ||
function addBackToTop(t){var e=t.id,o=void 0===e?"back-to-top":e,n=t.scrollContainer,c=void 0===n?document.documentElement:n,i=t.showWhenScrollTopIs,a=void 0===i?300:i,d=t.onClickScrollTo,r=void 0===d?0:d,l=t.innerElement,s=void 0===l?document.createTextNode("Up"):l,p=t.size,m=void 0===p?50:p,u=t.fontSize,b=void 0===u?14:u,x=t.cornerOffset,f=void 0===x?20:x,v=t.backgroundColor,k=void 0===v?"#000":v,y=t.textColor,h=void 0===y?"#fff":y,w=t.zIndex,g=void 0===w?1:w;!function(){var t="#".concat(o,"{bottom:").concat(f,"px;opacity:1;position:fixed;right:").concat(f,"px;-webkit-transition:bottom .2s,opacity .2s;-moz-transition:bottom .2s,opacity .2s;transition:bottom .2s,opacity .2s;z-index:").concat(g,";}#").concat(o,".hidden{bottom:-").concat(m,"px;opacity:0;}#").concat(o," a{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:").concat(k,";-webkit-border-radius:").concat(m,"px;-moz-border-radius:").concat(m,"px;border-radius:").concat(m,"px;color:").concat(h,";cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:").concat(b,"px;height:").concat(m,"px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;width:").concat(m,"px;}"),e=document.createElement("style");e.appendChild(document.createTextNode(t)),document.head.insertAdjacentElement("afterbegin",e)}();var z,E=function(){var t=document.createElement("div");t.id=o;var e=document.createElement("a");return e.addEventListener("click",function(t){t.preventDefault(),c.scrollTop=r}),e.appendChild(s),t.appendChild(e),document.body.appendChild(t),t}();C(),(c===document.documentElement?window:c).addEventListener("scroll",C);function C(){c.scrollTop>=a?function(){if(!z)return;E.className="",z=!1}():function(){if(z)return;E.className="hidden",z=!0}()}} |
{ | ||
"name": "vanilla-back-to-top", | ||
"version": "3.0.1", | ||
"version": "3.1.0", | ||
"description": "Configurable zero dependency Back To Top button", | ||
@@ -26,11 +26,15 @@ "main": "dist/vanilla-back-to-top.min.js", | ||
"browserslist": [ | ||
"ie >=10", | ||
"explorer >=10", | ||
"explorermobile >=10", | ||
"edge >=15", | ||
"firefox >=28", | ||
"chrome >=21", | ||
"safari >=6.1", | ||
"opera >=15", | ||
"firefox >=2", | ||
"chrome >=4", | ||
"safari >=5.1", | ||
"opera >=12.1", | ||
"chromeandroid >=62", | ||
"ios >=7.1", | ||
"ucandroid >=11.4", | ||
"android >=4.4", | ||
">= 0.5%" | ||
"samsung >=4", | ||
"blackberry >=7" | ||
], | ||
@@ -37,0 +41,0 @@ "author": "Vladimir Feskov", |
# Vanilla Back To Top | ||
Configurable zero dependency Back To Top button that will work for [over 95% of all users](http://browserl.ist/?q=ie+%3E%3D10%2Cedge+%3E%3D15%2Cfirefox+%3E%3D28%2Cchrome+%3E%3D21%2Csafari+%3E%3D6.1%2Copera+%3E%3D15%2Cios+%3E%3D7.1%2Candroid+%3E%3D4.4%2C%3E%3D0.5%25) worldwide. | ||
Configurable zero dependency Back To Top button that will work for [over 93% of all users](http://browserl.ist/?q=ie+%3E%3D10%2Cedge+%3E%3D15%2Cfirefox+%3E%3D28%2Cchrome+%3E%3D21%2Csafari+%3E%3D6.1%2Copera+%3E%3D15%2Cios+%3E%3D7.1%2Candroid+%3E%3D4.4%2Cchromeandroid+%3E%3D62%2Csamsung+%3E%3D4%2CucAndroid+%3E%3D11.4) worldwide. | ||
@@ -13,3 +13,3 @@ Ideal for pre-rendered blogs with no frameworks, e.g., [Hexo](https://hexo.io/). | ||
``` | ||
<script src="https://unpkg.com/vanilla-back-to-top@3.0.1/dist/vanilla-back-to-top.min.js"></script> | ||
<script src="https://unpkg.com/vanilla-back-to-top@3.1.0/dist/vanilla-back-to-top.min.js"></script> | ||
<script>addBackToTop({})</script> | ||
@@ -66,14 +66,16 @@ ``` | ||
- IE >=10, | ||
- Explorer >=10 | ||
- Explorer Mobile >=10 | ||
- Edge >=15 | ||
- Firefox >=28 | ||
- Chrome >=21 | ||
- Safari >=6.1 | ||
- Opera >=15 | ||
- iOS Safari >=7.1 | ||
- Firefox >=2 | ||
- Chrome >=4 | ||
- Safari >=5.1 | ||
- Opera >=12.1 | ||
- Chrome Android >=62 | ||
- iOS Safari & Chrome >=7.1 | ||
- UC Browser Android >=11.4 | ||
- Android Browser >=4.4 | ||
- All other browsers used by more than 0.5% of users | ||
- Samsung Internet >=4 | ||
- Blackberry >=7 | ||
This gives [95.12% global coverage](http://browserl.ist/?q=ie+%3E%3D10%2Cedge+%3E%3D15%2Cfirefox+%3E%3D28%2Cchrome+%3E%3D21%2Csafari+%3E%3D6.1%2Copera+%3E%3D15%2Cios+%3E%3D7.1%2Candroid+%3E%3D4.4%2C%3E%3D0.5%25). | ||
On Opera Mini and IE 10 the button doesn't appear or disappear as nicely as in other browsers, otherwise it's fully functional. | ||
This gives [93.07% global coverage](http://browserl.ist/?q=explorer+%3E%3D10%2Cexplorermobile+%3E%3D10%2Cedge+%3E%3D15%2Cfirefox+%3E%3D2%2Cchrome+%3E%3D4%2Csafari+%3E%3D5.1%2Copera+%3E%3D12.1%2Cchromeandroid+%3E%3D62%2Cios+%3E%3D7.1%2Cucandroid+%3E%3D11.4%2Candroid+%3E%3D4.4%2Csamsung+%3E%3D4%2Cblackberry+%3E%3D7). |
5923
80