[css] 你知道全屏滾動的原理是什么嗎？它用到了CSS的哪些屬性？

全屏滾動和輪播圖類似，都是通過改變元素位置或者顯示與隱藏來實現，配合JS的一些交互距離判斷，實現類似原生滾動捕獲的效果。這里全屏的話就需要將寬高都設置為窗口的大小，可以通過百分百實現。 關鍵CSS屬性是父容器 overflow: hidden; 。 實現全屏滾動還可以簡單的通過插件來實現，比如fullpage，很多大公司的頁面都是用這個實現的，比如小米一些產品的官網。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[css] 你知道全屏滚动的原理是什么吗？它用到了CSS的哪些属性？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。