jquery - DIV 数组中的水平滚动

Question

我试图做一个水平滚动，当在整个容器的任何地方时，它可以转到最近的 div，让我解释一下，寻呼机是固定的，可以处理进入下一个或上一个部分，从一开始任何滚动器都可以做到这一点但在我的情况下，水平滚动条将处于活动状态，因此任何人都可以四处移动。我想要做的是寻呼机“知道”，通过制作一组 div，查看用户的部分（通常是最接近中心的部分）以及如果单击上一个或下一个，它会转到上一个或下一个div（有可能吗？）。

我希望我能解释我的想法。

我会很感激任何帮助

提前致谢

这是 jsFiddle：http: //jsfiddle.net/viciosogb/pqEfj/

我正在使用 Jquery 1.7.1 和 scrollTo

Answer 1

在周围使用 Wrapper div.section：

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

所以它应该看起来像：

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

希望这可以帮助！：） 一切顺利！:)

Answer 2

这可以工作：

$('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);
    }                
});