2012-11-09 174 views
0

我正在創建一個網頁,使用水平滑塊和動畫scrollTo隱藏的div。當我點擊首頁時,無論滑動面板或mainContent div位於何處,我都希望它能夠進入第一個滑動面板div。我一直在用scrollTo搞亂滾動到幻燈片面板,但我不知道如何讓它回到第一個面板。 任何想法?jquery滑塊導航

$(function() { 
    $('#contact').click(function() {  
    $('#contactDiv').show(); 
    $.scrollTo('#contactDiv', 800, {easing:'swing', offset:{top:-130}}); 
    if (currPanel != 1)  
    /*???? idk what to do here but i want it to scroll and slide to the first slide-panel       
}); 
}); 

請參閱的jsfiddle的完整代碼: http://jsfiddle.net/mU9Nu/

+0

很久以前,我創建了一個插件...檢查出http://freelee.ch/downloads/default.html – silly

回答

1

也許這對你是一個很好的解決方案:

$('#home').click(function() { 
    $('.slide-panel').removeClass('active'); 
    $($('.slide-panel')[0]).addClass('active'); 
}); 

$($('.classname')[i])指的是.classname就像一個數組。

+0

我不能得到它的工作。 $ .scrollTo('#full-slider')。children('。slide-panel')[0]這選擇了正確的div,但是我如何滾動/滑動/動畫呢? 。我嘗試$(函數(){ \t $( '#家')點擊​​(函數(){ \t \t \t \t $ .scrollTo(800,{寬鬆 '滑動面板。': '搖擺',偏移量:{頂部:-130}}); \t \t $( '#全滑塊')的兒童()[0] .animate({ \t \t左: 「400像素」 \t。 '滑動面板'。 \t},1000) }); }); – Anthony