saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(style): adjust style of header, tags and dynamic-to-top button

Browse Source
This commit is contained in:
Dillon
2020-03-14 14:42:12 +08:00
parent d8bfd23ace
commit 3d9aad3205
23 changed files with 146 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/js/theme.js
View File

@@ -14,7 +14,7 @@
}
isMobile() {
return window.matchMedia('only screen and (max-width: 720px)').matches;
return window.matchMedia('only screen and (max-width: 680px)').matches;
}
isTocStatic() {
@@ -258,14 +258,14 @@
header.classList.add('fadeInDown');
}
});
if (this.newScrollTop > 400) {
if (this.newScrollTop > 200) {
if (scroll > MIN_SCROLL) {
toTopButton.classList.remove('fadeIn');
toTopButton.classList.add('fadeOut');
toTopButton.classList.remove('fadeInUp');
toTopButton.classList.add('fadeOutDown');
} else if (scroll < - MIN_SCROLL) {
toTopButton.style.display = 'block';
toTopButton.classList.remove('fadeOut');
toTopButton.classList.add('fadeIn');
toTopButton.classList.remove('fadeOutDown');
toTopButton.classList.add('fadeInUp');
}
} else {
toTopButton.style.display = 'none';