如果要實現隱藏整個頁面的滾動條(水平滾動條或者垂直滾動條)功能，可能首先想到的是給html或者body元素設定css屬性：

                                           overflow:hidden;或者overflow-y:hidden;或者overflow-x:hidden;

    但是，你會發現你的頁面顯示有問題，尤其當你使用了頁面滾動切屏或者動畫功能，你會發現這種現象更明顯。

    那麼，怎麼很好地解決這個問題呢？我百度找了這方面的例子並且結合自己的實踐，總結了一個方法。程式碼如下

                                                                   html{
                                                                       width: 100%;
                                                                       height:100%;
                                                                   }

                                                                    body{
                                                                        width: 100%;
                                                                        height: 100%;
                                                                        overflow-y: hidden;  
                                                                   }

    實際上，需要兩個容器元素，一個容器包含另一個容器，被包含容器可以比包含容器大，但是隻要在被包含容器設定

                                               overflow:hidden;或者overflow-y:hidden;或者overflow-x:hidden;

    被包含容器比包含容器多的部分就會被隱藏，同時滾動條也會被隱藏。

    原理就是這樣，大家可以舉一反三。