New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

vue-scroll-progress

Package Overview
Dependencies
Maintainers
1
Versions
19
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-scroll-progress - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

2

package.json
{
"name": "vue-scroll-progress",
"description": "Simple Vue.js plugin for page scroll progress bar",
"version": "1.0.1",
"version": "1.0.2",
"author": "spemer <ghsspower@naver.com>",

@@ -6,0 +6,0 @@ "license": "MIT",

@@ -56,5 +56,5 @@ # vue-scroll-progress 🎉

/* background */
background-color: #f4f4f4 !important;
background-color: transparent !important;
top: calc(100% - 4px) !important;
}
#progress-el {

@@ -61,0 +61,0 @@ /* progress bar */

@@ -6,7 +6,9 @@ var VueScrollProgress = {

var progressContainerEl,
progressEl,
height,
windowScrollPixels,
windowScrollPercents
progressEl,
height,
windowScrollPixels,
windowScrollPercents
// TODO: enable bottom scroll bar
progressContainerEl = document.createElement('div')

@@ -31,8 +33,8 @@ progressContainerEl.id = 'progress-container-el'

windowScrollPercents = 0
height = (document.documentElement.scrollHeight
- document.documentElement.clientHeight)
height = (document.documentElement.scrollHeight -
document.documentElement.clientHeight)
window.addEventListener('scroll', () => {
windowScrollPixels = (document.body.scrollTop
|| document.documentElement.scrollTop)
windowScrollPixels = (document.body.scrollTop ||
document.documentElement.scrollTop)
windowScrollPercents = (windowScrollPixels / height) * 100

@@ -42,3 +44,3 @@ progressEl.style.width = windowScrollPercents + '%'

if (! document.getElementById('progress-container-el')) {
if (!document.getElementById('progress-container-el')) {
progressContainerEl.appendChild(progressEl)

@@ -45,0 +47,0 @@ document.body.appendChild(progressContainerEl)

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc