高度有問(wèn)題,還有無(wú)法跳轉(zhuǎn)
兩個(gè)問(wèn)題:第一;給sectionhe其父元素高度設(shè)置100%,無(wú)法起到作用。所有的section里的內(nèi)容全部在一個(gè)區(qū)域內(nèi),哪怕你加了overflow:hidden,第二,點(diǎn)擊錨鏈接無(wú)法進(jìn)行跳轉(zhuǎn),每個(gè)a鏈接的#panner-1無(wú)法對(duì)應(yīng)跳轉(zhuǎn)到對(duì)應(yīng)的section
2016-08-19
無(wú)法實(shí)現(xiàn)切換的小伙伴一定是html代碼有問(wèn)題:
<div class="container">
<div class="st-container">
? ? ? ?<input type="radio" name="radio-set" checked="checked" id="st-control-1">
<a href="#st-panel-1">Serendipity</a>
<input type="radio" name="radio-set" id="st-control-2">
<a href="#st-panel-2">Happiness</a>
<input type="radio" name="radio-set" id="st-control-3">
<a href="#st-panel-3">Tranquallity</a>
<input type="radio" name="radio-set" id="st-control-4">
<a href="#st-panel-4">Positivity</a>
<input type="radio" name="radio-set" id="st-control-5">
<a href="#st-panel-5">Passion</a>
<div class="st-scroll">
<section class="st-panel" id="st-panel-1">
<div class="st-desc" data-icon=“H”></div>
<h2>Serendipity</h2>
<p>Banksy adipisicing eiusmod banh mi sed...</p>
</section>
<section class="st-panel" id="st-panel-2">
<div class="st-desc st-color" data-icon=“2”></div>
<h2>Happiness</h2>
<p>Banksy adipisicing eiusmod banh mi sed...</p>
</section>
<section class="st-panel" id="st-panel-3">
<div class="st-desc" data-icon=“B”></div>
<h2>Tranquallity</h2>
<p>Banksy adipisicing eiusmod banh mi sed...</p>
</section>
<section class="st-panel st-color" id="st-panel-4">
<div class="st-desc" data-icon=“X”></div>
<h2>Positivity</h2>
<p>Banksy adipisicing eiusmod banh mi sed...</p>
</section>
<section class="st-panel" id="st-panel-5">
<div class="st-desc " data-icon=“C”></div>
<h2>Passion</h2>
<p>Banksy adipisicing eiusmod banh mi sed...</p>
</section>
? </div>
? </div>
</div>
2016-05-06
Input:checked~scroll
~波浪選擇器只適用于同級(jí),要把section這個(gè)大div放到input這個(gè)父級(jí)的下面就可以了
2016-05-01
我的可以。。。需要的話我把我的發(fā)給你吧?