Nút tới và lui thanh kéo ngang[✔]

[BTV2]

Mình muốn khi click vào nút Next thì thanh kéo ngang sẽ qua phải 100px, click phát nữa sẽ lại tăng thêm 100px.
Khi click nút Pre thì thanh kéo sẽ qua trái 100px và click phát nữa sẽ lại qua trái 100px

[handsomevip007]

Code:

var CP1588=0;
$('.next').click(function(){
  CP1588+=100;
  $('.scrollable').scrollLeft(999999999999999999);
  if(CP1588>$('.scrollable').scrollLeft()){
    CP1588=$('.scrollable').scrollLeft();
  }
  $('.scrollable').scrollLeft(CP1588);
});
$('.pre').click(function(){
  CP1588-=100;
  if(CP1588<0){
    CP1588=0;
  }
  $('.scrollable').scrollLeft(CP1588);
});

[BTV2]

Không được pác hand ơi, Click next hay pre nó đều trở về 0 =.=

Đã xóa demo

[handsomevip007]

Mình xem trên Chrome thì thấy nó chạy nhưng trên Firefox thì lại không Thử lại cái này xem

Code:


$(function(){
  var CP1588=0;
  $('.next').click(function(){
    CP1588+=100;
    $('.scrollable').scrollLeft(999999999999999999);
    if(CP1588>$('.scrollable').scrollLeft()){
      CP1588=$('.scrollable').scrollLeft();
    }
    $('.scrollable').scrollLeft(CP1588);
  });
  $('.pre').click(function(){
    CP1588-=100;
    if(CP1588<0){
      CP1588=0;
    }
    $('.scrollable').scrollLeft(CP1588);
  });
});

[BTV2]

Ko dc hand ơi, chrome hay ff đều ko chạy
Hand cho vào HTML test coi chạy ko?

[handsomevip007]

Đã sửa code và test ngon ơ trên cả Chrome và Firefox
Bạn bỏ bớt số 9 ra nha để lại khoảng 7 số 9 thôi. Firefox hồi đó học ít nên đưa nhiều số quá nó tính không được
Bên cạnh đó bạn update luôn 2 cái trình duyệt để test cho máu

[BTV2]

Like mạnh

[Sponsored content]