JQuery的SerialScroll標籤底部邊界問題

我已經實現了SerialScroll它類似於滾動標籤：JQuery的SerialScroll標籤底部邊界問題

我想以某種方式消除小底部邊框是在每個顯示選項卡之間最多的onload：

enter image description here

你之所以沒有看到一路之隔，和正下方的標籤底部邊框是因爲每個.navigations李底邊框最初設置爲-1：

#mid-featureleft-client .navigations li{ 
float: left; 
margin:0 3px -1px 0; 
position: relative; 
}

單擊功能則使底部邊框出現這些選項卡下面沒被選：

enter image description here

最好的解決辦法是讓1號標籤始終在加載時或在初始化函數中選擇，然後讓底部邊框一直顯示在未選中的那些製表符的底部。

有沒有人有關於如何實現這一點的想法？

enter image description here

來源

2012-02-16 Paul

爲了解決您的問題，您應該在此處將css類中的margin-bottom值設置爲0。

#mid-featureleft-client .navigations li{ 
float: left; 
margin:0 3px 0 0; 
position: relative; 
}

比，你應該添加「邊距：-1px」白類。

.white { 
    border-top: 1px solid #C6C6C6; 
    border-left: 1px solid #C6C6C6;  
    border-right: 1px solid #C6C6C6;  
    background-color: #F7F7F7; 
    margin-bottom:-1px; 
}

http://jsfiddle.net/WvpcR/25/

來源

2012-02-16 15:00:08 sinanakyazici

@sinanakyzaici我想我以前曾嘗試過那種方法，但由於某種原因，它在加載時一直具有底部邊界，這看起來有點奇怪。所以我堅持使用我的原始版本，甚至幾乎看不到開發站點上的Tabs之間的邊界線。 – Paul 2012-02-16 19:09:11

由於這些是「選項卡」，第一個應該總是被選擇。

jQuery選項卡始終選中第一個選項卡。幾乎每個選項卡方案都是如此。

來源

2012-02-16 01:00:04

這不是JQuery的Tabs-我表明了其SerialScroll！ – Paul 2012-02-16 01:26:24

JQuery的SerialScroll標籤底部邊界問題

回答

相關問題