LOADING
241 words
1 minute
学习记录
2025-12-26
No Tags

接着学了JavaScript,大致就是学了页面滑动事件的使用(scroll),可以用这个玩意做电梯案例和顶部标签行的下滑吸附

window.addEventListener('scroll', function () {
// 如果html元素滚动大于等于300,则显示,否则隐藏
console.log(document.documentElement.scrollTop)
const n = document.documentElement.scrollTop
// console.log(n)
// if (n >= 300) {
// // alert('到位置了')
// elevator.style.opacity = 1
// } else {
// elevator.style.opacity = 0
// }
// console.log(xtx_entry.offsetTop)
// 优雅的写法
elevator.style.opacity = n >= xtx_entry.offsetTop ? 1 : 0
// 吸附顶部导航栏的模块
// 检测页面是否滑动到头部模块
// console.log(xtx_header.offsetTop)
if (n >= xtx_header.offsetTop) {
//到了位置,则添加 show类,否则移除show类
sticky.classList.add('show')
} else {
sticky.classList.remove('show')
}

还在慢慢的看代码阶段,还是不会自己写,唉,搞不懂为啥自己的学习效率就是那么低,总是觉得别人学的很快的东西自己学起来那么慢,感觉生活中的任何事都差不多一样

学习记录
/posts/学习记录/
Author
Twilight
Published at
2025-12-26
License
CC BY-NC-SA 4.0

Some information may be outdated

Profile Image of the Author
Twilight
Hi
Announcement
Welcome to my blog!