使用方法
window.addEventListener("load" , function (){
//クリックした時、scroll()を実行する。押された要素(this)とブーリアン値(NextとPrevを見分ける)を引数にする。
$(".previous_button").on("click",function(){ scroll(this,false); });
$(".next_button").on("click", function(){ scroll(this,true); });
});
//scroll関数
function scroll(elem,next){
/* クリックされた箇所のスクロールする要素を抜き取る */
let target = $(elem).siblings(".data_preview_area");
let width = target.outerWidth();
//押されたボタンに応じて、左右に動く。
if (next){
target.animate({ scrollLeft:"+=" + String(width) } , 300);
}
else{
target.animate({ scrollLeft:"-=" + String(width) } , 300);
}
}
站长提示:
1. 平台上所有素材资源,需注册登录会员方能正常下载。
2. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励
20K币。
3. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
4. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服