? ? 如果要實(shí)現(xiàn)隱藏整個(gè)頁(yè)面的滾動(dòng)條(水平滾動(dòng)條或者垂直滾動(dòng)條)功能谓罗,可能首先想到的是給html或者body元素設(shè)置css屬性:
? ? ? ? ? ? ? ? ? ? ? ? ?overflow:hidden;或者overflow-y:hidden;或者overflow-x:hidden;
? ? 但是,你會(huì)發(fā)現(xiàn)你的頁(yè)面顯示有問題鸭叙,尤其當(dāng)你使用了頁(yè)面滾動(dòng)切屏或者動(dòng)畫功能通惫,你會(huì)發(fā)現(xiàn)這種現(xiàn)象更明顯叉瘩。
? ? 那么教硫,怎么很好地解決這個(gè)問題呢逻卖?我百度找了這方面的例子并且結(jié)合自己的實(shí)踐宋列,總結(jié)了一個(gè)方法。代碼如下
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? html{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? width: 100%;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? height:100%;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? body{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? width: 100%;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? height: 100%;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? overflow-y: hidden;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
? ? 實(shí)際上评也,需要兩個(gè)容器元素炼杖,一個(gè)容器包含另一個(gè)容器,被包含容器可以比包含容器大盗迟,但是只要在被包含容器設(shè)置
? ? ? ? ? ? ? ? ? ? overflow:hidden;或者overflow-y:hidden;或者overflow-x:hidden;
? ? 被包含容器比包含容器多的部分就會(huì)被隱藏坤邪,同時(shí)滾動(dòng)條也會(huì)被隱藏。
? ? 原理就是這樣罚缕,大家可以舉一反三艇纺。