if (scrollTop > 60) { this.opacity = Math.abs(Math.round(scrollTop)) / 183; document.querySelector( ".nav" ).style.backgroundColor = `rgba(255, 255, 255,${this.opacity} )`; }详解183什么意思
时间: 2024-04-27 09:23:18 浏览: 69
vue-virtualscroll-用于虚拟滚动内容的[Vue 2.x]组件。-Vue.js开发
183 是用来控制导航栏透明度的分母,这个值的大小会影响到计算得到的导航栏透明度的变化速度。
具体来说,这里的计算公式是:
this.opacity = Math.abs(Math.round(scrollTop)) / 183;
其中,scrollTop 表示页面滚动的距离,Math.abs 方法用来获取其绝对值,Math.round 方法用来四舍五入取整。最终得到的结果是一个 0 到 1 之间的小数,表示导航栏的透明度。
分母 183 的取值是通过试验得出的,可以根据具体需求进行调整,如果想要透明度变化更加平滑,可以增大这个值;如果想要透明度变化更加明显,可以减小这个值。
阅读全文