Question

我试图进行一个水平滚动，可以在整个容器的任何地方转到最近的div，让我解释一下，寻呼机是固定的，可以处理下一个或上一节，从开始任何卷轴可以做到这一点，但在我的情况下，水平滚动条将是活动的，所以任何人都可以四处走动。我试图做的是寻呼机＆＃34;知道＆＃34; ，通过制作div数组，哪个部分正在查看用户（通常是最接近中心的部分），如果点击上一个或下一个，则转到prev或下一个div（是否可能？）。

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

我会感激任何帮助

提前致谢

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

我正在使用Jquery 1.7.1和scrollTo

Answer 1

这可行：

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

Answer 2

在div.section：

周围使用包装器

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

所以看起来应该是这样的：

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

希望这有帮助！：）祝一切顺利！：）

DIV数组中的水平滚动

2 个答案: