1

これは本当に私を混乱させます。それはおそらく私が見逃した単純なものですが、私はそれを見つけることができません...

私が話していることを示すためにフィドルを作成しました。

もともとこれには 4 つのセクションがありましたが、すべてのリンクが正常に機能している状態でスクロールされました。その後、クライアントはさらに 1 つのセクションを追加しました。何らかの理由で、さらにラジオ リンクを追加すると、スライド ショーの全体の制御がポットに移動します。ここで私が意味することを見てください。

追加したのは、追加のリンクとコンテンツ エリアだけです。私が間違っていることを誰かが知っていますか？jsfiddle から以下を消去すると、正常に動作することがわかりますが、タブ 5 のラベルではあきらめます。私は途方に暮れています...どんな助けも大歓迎です!

<input id="tab-5" type="radio" name="radio-set" class="tab-selector-5" /> <label for="tab-5" class="tab-label-5">POS</label>

<div class="content-5"> <h2>Fullfilment</h2> <p>Whatever your project involves Expressive Print are experienced in delivering it for you. From daily pick and pack requirements to contract packing and bulk despatches we have the ideal space to work in - clean, modern and secure premises with packing teams who are all fully CRB checked, robust stock control systems, comprehensive insurance cover and expertise. This ensures the right things are packed in the right order and sent the right people – simple but critical. Selecting a fulfilment partner who has strong systems with full accountability and customer service resource is vital to ensure your product’s success.</p> </div>
4

1 に答える 1

0

Jsfiddleのデモを行う

これで、css ファイルに 1 行の css を追加するだけです 

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4, 
.tabs input.tab-selector-5:checked ~ .content .content-5  // add this line in your css file 
{
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
}

デモ

于 2013-03-21T11:45:23.950 に答える