模拟这个效果，jquery可拖动

Question

您好我正试图获得类似的效果：https://www.tumblr.com/search/html

这是我当前的代码，基本上我希望面包屑向左和向右滚动，但在最后/第一个面包屑离开视口时停止。

到目前为止，我的进度的jsfiddle检查每个帖子的哈希标签，如果div溢出，它们可以滚动。

http://jsfiddle.net/omvjuutb/

$('#list-container').draggable({
    'axis': 'x',
});

Answer 1

这可以帮到你。

$(function() {
$( "#list-container" ).draggable({
    'axis':'x',
    scrollSensitivity: 100,
    stop: function( event, ui ) {
        //alert(ui.position.left);
        if(ui.position.left <= 200){
            $(this).draggable( "disable" );
        }
    }

});
$("#list-container").click(function(){
    $(this).draggable("enable");
});

}）;