CSS小发明 :in-viewport

人们用大量的时间去优化网页滚动的流畅度，包括尽量缩短 JS 执行时间，发明 Passive event listener 等。 相同的页面效果，如果不使用 JS 就能实现，那一定是最流畅的。例如下面的优酷世界杯的页面，如果使用 JS 实现，可以监听滚动事件，在滚动事件的回调函数中，计算每个比赛的 element 的位置，判断是否在视口中，并控制相应的明星 element 出现或隐藏。 而如果有一个

>>阅读原文<<