241 words
1 minute
学习记录
接着学了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') }还在慢慢的看代码阶段,还是不会自己写,唉,搞不懂为啥自己的学习效率就是那么低,总是觉得别人学的很快的东西自己学起来那么慢,感觉生活中的任何事都差不多一样
Some information may be outdated