CSS小發明 :in-viewport

人們用大量的時間去優化網頁滾動的流暢度，包括儘量縮短 JS 執行時間，發明 Passive event listener 等。 相同的頁面效果，如果不使用 JS 就能實現，那一定是最流暢的。例如下面的優酷世界盃的頁面，如果使用 JS 實現，可以監聽滾動事件，在滾動事件的回調函數中，計算每個比賽的 element 的位置，判斷是否在視口中，並控制相應的明星 element 出現或隱藏。 而如果有一個

>>阅读原文<<