と私はhttp://manos.malihu.gr/jquery-custom-content-scroller/オートスクロールはhorizonalyスクロールバー
からプラグインをインストールして、私は位置を管理するためのカスタムスクロールバーを左から右に水平方向の自動スクロールを作りたいです。このプラグインは私のために働くが、私は左から右に自動スクロールすることはできません。
はあなたが必要とする、私達にあなたのHTMLコードとCSSスタイルシートを表示し、あなたが必要なのは、単純なCSSルールoverflow-x:scroll;
で、いくつかの外部プラグインの必要はありません は、私はすでにこのコードをしましたが、そのちょっと
var content=$("#content-1"),autoScrollTimer=2000,autoScrollTimerAdjust,autoScroll;
content.mCustomScrollbar({
axis:"x",
scrollButtons:{enable:true},
callbacks:{
whileScrolling:function(){
autoScrollTimerAdjust=autoScrollTimer*this.mcs.leftPct/100;
},
onScroll:function(){
if($(this).data("mCS").trigger==="internal"){AutoScrollOff();}
}
}
});
content.addClass("auto-scrolling-on auto-scrolling-to-right");
AutoScrollOn("right");
$(".auto-scrolling-toggle").click(function(e){
e.preventDefault();
if(content.hasClass("auto-scrolling-on")){
AutoScrollOff();
}else{
if(content.hasClass("auto-scrolling-to-top")){
AutoScrollOn("left",autoScrollTimerAdjust);
}else{
AutoScrollOn("right",autoScrollTimer-autoScrollTimerAdjust);
}
}
});
function AutoScrollOn(to,timer){
if(!timer){timer=autoScrollTimer;}
content.addClass("auto-scrolling-on").mCustomScrollbar("scrollTo",to,{scrollInertia:timer,scrollEasing:"linear"});
autoScroll=setTimeout(function(){
if(content.hasClass("auto-scrolling-to-top")){
AutoScrollOn("right",autoScrollTimer-autoScrollTimerAdjust);
content.removeClass("auto-scrolling-to-left").addClass("auto-scrolling-to-right");
}else{
AutoScrollOn("left",autoScrollTimerAdjust);
content.removeClass("auto-scrolling-to-right").addClass("auto-scrolling-to-left");
}
},timer);
}
function AutoScrollOff(){
clearTimeout(autoScroll);
content.removeClass("auto-scrolling-on").mCustomScrollbar("stop");
}
このスクロールバーをカスタマイズしてこのプラグインを使用したいと考えています。 これは現在の外観です。 http://projekt.mgrzybowski.pl/autoscroll/ –