jquery - 模拟此效果，jQuery可拖动

嗨，我正在尝试获得类似的效果：https://www.tumblr.com/search/html

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

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

http://jsfiddle.net/omvjuutb/

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

最佳答案

这可能对您有帮助。

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

}）;

关于jquery - 模拟此效果，jQuery可拖动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28090177/