模拟这个效果,jquery可拖动
Simulate this effect, jquery draggable
嗨,我正在尝试获得类似的效果:https://www.tumblr.com/search/html
这是我当前的代码,基本上我希望面包屑左右滚动,但当最后一个/第一个面包屑离开视口时停止。
这是到目前为止我的进度的 jsfiddle 检查每个 post 的散列标签,如果 div 溢出,它们是可滚动的。
$('#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");
});
});
嗨,我正在尝试获得类似的效果:https://www.tumblr.com/search/html
这是我当前的代码,基本上我希望面包屑左右滚动,但当最后一个/第一个面包屑离开视口时停止。
这是到目前为止我的进度的 jsfiddle 检查每个 post 的散列标签,如果 div 溢出,它们是可滚动的。
$('#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");
});
});