2012-11-09 146 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