高度有问题,还有无法跳转

来源:2-3 导航页面切换(3)

睡觉青蛙

2016-04-25 14:38

两个问题:第一;给sectionhe其父元素高度设置100%,无法起到作用。所有的section里的内容全部在一个区域内,哪怕你加了overflow:hidden,第二,点击锚链接无法进行跳转,每个a链接的#panner-1无法对应跳转到对应的section



写回答 关注

3回答

  • 一只特立独行的程序猿
    2016-08-19 12:03:22

    无法实现切换的小伙伴一定是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 22:28:11

    Input:checked~scroll

    ~波浪选择器只适用于同级,要把section这个大div放到input这个父级的下面就可以了

    过路客

    感谢解答~~我也遇到这样的问题,困扰了半天

    2016-06-12 16:14:40

    共 1 条回复 >

  • sakurashine
    2016-05-01 21:06:16

    我的可以。。。需要的话我把我的发给你吧?

css3实现网页平滑过渡效果

CSS3 打造页面之间的平滑过渡效果,带来神奇的体验

54366 学习 · 391 问题

查看课程

相似问题