vue-scroll-progress
Advanced tools
Comparing version 1.0.1 to 1.0.2
{ | ||
"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
8788
46