Socket
Socket
Sign inDemoInstall

vanilla-back-to-top

Package Overview
Dependencies
0
Maintainers
1
Versions
59
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 3.0.1 to 3.1.0

2

dist/vanilla-back-to-top.min.js

@@ -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).
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc