向jQuery UI滑块添加快照,但保留动画
我设置了一个类似时间线的内容滚动条,在5年之间进行水平滑动 我想在他们之间加一个快照。这是可行的,尽管现在我看不到动画从一个滑动到另一个。如何在点之间滚动动画和捕捉 这是我的jQuery代码片段:向jQuery UI滑块添加快照,但保留动画,jquery,jquery-ui,uislider,Jquery,Jquery Ui,Uislider,我设置了一个类似时间线的内容滚动条,在5年之间进行水平滑动 我想在他们之间加一个快照。这是可行的,尽管现在我看不到动画从一个滑动到另一个。如何在点之间滚动动画和捕捉 这是我的jQuery代码片段: //build slider var scrollbar = $( ".scroll-bar" ).slider({ value: 10, min: 0, max: 100, step: 25, slide: fu
//build slider
var scrollbar = $( ".scroll-bar" ).slider({
value: 10,
min: 0,
max: 100,
step: 25,
slide: function( event, ui ) {
if ( scrollContent.width() > scrollPane.width() ) {
scrollContent.css( "margin-left", Math.round(
ui.value / 100 * ( scrollPane.width() - scrollContent.width() )
) + "px" );
} else {
scrollContent.css( "margin-left", 0 );
}
}
});
太棒了,非常感谢。我唯一调整的是动画速度,因为在“20”时,它仍然几乎是不可分辨的。
slide: function(event, ui) {
if (scrollContent.width() > scrollPane.width()) {
scrollContent.animate({
"margin-left": Math.round(ui.value / 100 * (scrollPane.width() - scrollContent.width()))
}, 20);
} else {
scrollContent.animate({
"margin-left": 0
}, 20);
}
}