library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2025-01-09 15:44:25 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix scroll factor

Browse Source
This commit is contained in:
Jeremy Thomas 2017-10-26 20:00:25 +01:00
parent 74c413c378
commit d11b8d78ef
4 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/_javascript/main.js
View File

@ -174,7 +174,7 @@ document.addEventListener('DOMContentLoaded', () => {
let pinned = false;
let horizon = navbarHeight;
let whereYouStoppedScrolling = 0;
let threshold = 200;
let threshold = 160;
let scrollFactor = 0;
navbarBurger.addEventListener('click', el => {
@ -227,10 +227,12 @@ document.addEventListener('DOMContentLoaded', () => {
transform: translateY(${translateValue}px);
`;
if (currentY > threshold) {
if (currentY > threshold * 2) {
scrollFactor = 1;
} else if (currentY > threshold) {
scrollFactor = (currentY - threshold) / threshold;
} else {
scrollFactor = currentY / threshold;
scrollFactor = 0;
}
specialShadow.style.opacity = scrollFactor;
specialShadow.style.transform = 'scaleY(' + translateFactor + ')';

2
docs/_sass/specific.sass
View File

@ -1,6 +1,6 @@
.bd-special-shadow
background-image: linear-gradient(rgba(#000, 0.1), rgba(#000, 0))
height: 10px
height: 8px
left: 0
opacity: 0
position: absolute

2
docs/css/bulma-docs.css
View File

@ -10356,7 +10356,7 @@ svg {
.bd-special-shadow {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
height: 10px;
height: 8px;
left: 0;
opacity: 0;
position: absolute;

8
docs/lib/main.js
View File

@ -176,7 +176,7 @@ document.addEventListener('DOMContentLoaded', function () {
var pinned = false;
var horizon = navbarHeight;
var whereYouStoppedScrolling = 0;
var threshold = 200;
var threshold = 160;
var scrollFactor = 0;
navbarBurger.addEventListener('click', function (el) {
@ -227,10 +227,12 @@ document.addEventListener('DOMContentLoaded', function () {
var translateFactor = 1 + translateValue / navbarHeight;
var navbarStyle = '\n transform: translateY(' + translateValue + 'px);\n ';
if (currentY > threshold) {
if (currentY > threshold * 2) {
scrollFactor = 1;
} else if (currentY > threshold) {
scrollFactor = (currentY - threshold) / threshold;
} else {
scrollFactor = currentY / threshold;
scrollFactor = 0;
}
specialShadow.style.opacity = scrollFactor;
specialShadow.style.transform = 'scaleY(' + translateFactor + ')';