高度有問題,還有無法跳轉
兩個問題:第一;給sectionhe其父元素高度設置100%,無法起到作用。所有的section里的內(nèi)容全部在一個區(qū)域內(nèi),哪怕你加了overflow:hidden,第二,點擊錨鏈接無法進行跳轉,每個a鏈接的#panner-1無法對應跳轉到對應的section
兩個問題:第一;給sectionhe其父元素高度設置100%,無法起到作用。所有的section里的內(nèi)容全部在一個區(qū)域內(nèi),哪怕你加了overflow:hidden,第二,點擊錨鏈接無法進行跳轉,每個a鏈接的#panner-1無法對應跳轉到對應的section
2016-04-25
舉報
2016-08-19
無法實現(xiàn)切換的小伙伴一定是html代碼有問題:
<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
~波浪選擇器只適用于同級,要把section這個大div放到input這個父級的下面就可以了
2016-05-01
我的可以。。。需要的話我把我的發(fā)給你吧?