求大神指點(diǎn)迷津?。。?!為什么.st-scroll已經(jīng)設(shè)置width100%,height100%,然后最后會(huì)是st-scroll來移動(dòng)??????
#st-control-1:checked ~ .st-scroll{-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
#st-control-2:checked ~ .st-scroll{-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
2017-10-23
transition: all 0.6s ease-in-out;這個(gè)是過渡效果,且.st-scroll在對(duì)應(yīng)的ID#st-control-1(2/3/4/5)下都設(shè)置了transform: translateY(0%); (-100、-200、-300、-400)
然后你把body里的overflow:hidden刪掉,運(yùn)行一次,還不懂你就把style.css里的overflow:hidden全刪掉,老師寫這個(gè)屬性寫了很多,我懶得去找了,你若是還不懂...那只能說明你對(duì)CSS3的動(dòng)畫屬性不是很熟。。有待加強(qiáng)
2016-09-29
這個(gè)我也沒有想明白,不應(yīng)該是往下移動(dòng)嗎,怎么會(huì)是往上走的,,,
2016-09-05
假如有5個(gè).st-scroll每個(gè)都設(shè)置成100%,那么一個(gè)屏幕肯定是放不下去的,所以像隊(duì)伍一樣排列,自然就可以改變Y軸取每個(gè)顯示咯.