docker/relationship
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.js

Browse Source
This commit is contained in:
路人甲 2024-08-03 02:17:42 +08:00
parent c66541124a
commit 9c19981052
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/script/index.js
View File

@ -1,8 +1,9 @@
// 头部滚动 // 头部滚动
(function(){ (function(){
let $header = document.querySelector('.header'); let $header = document.querySelector('.mod-head');
document.addEventListener('scroll',function(){ document.querySelector('.scroll-container').addEventListener('scroll',function(){
let scrollTop = document.documentElement.scrollTop; let scrollTop = this.scrollTop;
console.log('[scrollTop]',scrollTop);
let ratio = Math.min(scrollTop/1000,1); let ratio = Math.min(scrollTop/1000,1);
$header.style.background = 'rgba(255,255,255,'+(ratio*0.8)+')'; $header.style.background = 'rgba(255,255,255,'+(ratio*0.8)+')';
$header.style.boxShadow = '1px 1px 6px rgba(0,0,0,'+(ratio*0.1)+')'; $header.style.boxShadow = '1px 1px 6px rgba(0,0,0,'+(ratio*0.1)+')';