浏览36kr的时候,发现有一处地方还是很新鲜的,阅读文章的时候,除了文章的区域之外,其他的地方都变淡,这样的话,整个屏幕就只剩下文章区域,似乎对阅读文章的时候,用户体验还是很赞的~
于是就模仿做了一下,每个人都有不同的看法,做个收藏,需要的时候可以自行添加上去
首先定义一个样式,就是在js判断滚动的时候,什么时候给指定的区域添加一个样式类:
.imask {opacity: .2 !important;transition: opacity .2s !important;}
其次js判断,鼠标监听判断鼠标滚动方向,向下就变淡,向上就还原
标签:opacity,区域,js,important,阅读文章,时候,JS,突显 From: https://blog.csdn.net/2401_86745316/article/details/142006015