水平滾動DIV數組

我試圖做一個水平滾動，可以去整個容器的任何位置時，可以去最近的div，讓我解釋一下，傳呼機是固定的，可以處理下一個或前一節，從開始任何滾動可以做到這一點，但在我的情況下，水平滾動條會活躍，所以任何人都可以四處走動。我試圖做的是，傳呼機「知道」，通過製作一個div數組，哪一部分正在查看用戶（通常是更接近中心的那一個），如果被點擊prev或next，它會轉到prev或下一個div（有可能嗎？）。水平滾動DIV數組

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

我感謝所有幫助提前

這裏

由於是的jsfiddle： http://jsfiddle.net/viciosogb/pqEfj/

林使用jQuery 1.7.1和scrollTo

來源

2012-06-19 Manuel Pc

這可能工作：

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

來源

2012-06-19 08:34:46

非常感謝您的幫助 –

使用包裝的div.section各地：

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

因此，它應該是這樣的：

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

希望這有助於！：）祝一切順利！ :)

來源

2012-06-19 08:38:55

水平滾動DIV數組

回答

相關問題