jquery - 模拟这个效果，jquery draggable

Question

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

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

这是到目前为止我的进度的 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");
});

});