2012-06-19 165 views
0

我试图做一个水平滚动,可以去整个容器的任何位置时,可以去最近的div,让我解释一下,传呼机是固定的,可以处理下一个或前一节,从开始任何滚动可以做到这一点,但在我的情况下,水平滚动条会活跃,所以任何人都可以四处走动。 我试图做的是,传呼机“知道”,通过制作一个div数组,哪一部分正在查看用户(通常是更接近中心的那一个),如果被点击prev或next,它会转到prev或下一个div(有可能吗?)。水平滚动DIV数组

我希望我能说明我的想法。

我感谢所有帮助提前

这里

由于是的jsfiddle: http://jsfiddle.net/viciosogb/pqEfj/

林使用jQuery 1.7.1和scrollTo

回答

0

这可能工作:

$('a').click(function(e) { 
    e.preventDefault(); 

    var prev = $(this).not('.next').attr('href'); 


    if($(this).attr('class') == 'next'){ 

    $(this).parent().animate({"margin-left":"-="+$(this).parent().outerWidth()+"px"},800); 
    }else{ 
    $(prev).animate({"margin-left":"+="+$(prev).outerWidth()+"px"},800); 
    }     
}); 
+0

非常感谢您的帮助 –

0

使用包装的div.section各地:

.wrap { 
    width: 90%; 
    overflow: hidden; 
} 

因此,它应该是这样的:

<div class="wrap"> 
    <div id="seccion" class="section"> 
    ... 
    </div> 
</div> 

希望这有助于! :) 祝一切顺利! :)