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

Input：checked~scroll

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

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