Hiệu ứng jQuery - Cuộn

Phương pháp cuộn của jQuery có thể làm cho các yếu tố cuộn lên xuống.

Hiển thị hiệu ứng

Nhấp vào đây để ẩn/hiện bảng

Một tấc thời gian bằng một tấc vàng, vì vậy, chúng tôi cung cấp cho bạn nội dung học tập nhanh chóng và dễ hiểu.

Tại đây, bạn có thể dễ dàng tìm thấy bất kỳ kiến thức nào bạn cần.

Mô hình

jQuery slideDown()
Giới thiệu phương thức slideDown() của jQuery.
jQuery slideUp()
Giới thiệu phương thức slideUp() của jQuery.
jQuery slideToggle()
Giới thiệu phương thức slideToggle() của jQuery.

Phương thức cuộn của jQuery

Bằng jQuery, bạn có thể tạo hiệu ứng cuộn trên phần tử.

jQuery có các phương thức cuộn sau:

  • slideDown()
  • slideUp()
  • slideToggle()

Phương thức slideDown() của jQuery

Phương thức slideDown() của jQuery được sử dụng để cuộn phần tử xuống.

Cú pháp:

$(selector).slideDown(speed,callback);

Parameter tùy chọn speed quy định thời gian diễn ra của hiệu ứng. Nó có thể lấy các giá trị sau: "slow", "fast" hoặc miliseconds.

Parameter tùy chọn callback là tên hàm sẽ được thực thi sau khi hiệu ứng hoàn thành.

Dưới đây là ví dụ minh họa phương thức slideDown():

Mô hình

$("#flip").click(function(){
  $("#panel").slideDown();
});

Thử nghiệm trực tiếp

Phương thức slideUp() của jQuery

Phương thức slideUp() của jQuery được sử dụng để cuộn phần tử lên.

Cú pháp:

$(selector).slideUp(speed,callback);

Tùy chọn speed Parameter quy định thời gian diễn ra của hiệu ứng. Nó có thể lấy các giá trị sau: "slow", "fast" hoặc miliseconds.

Tùy chọn callback Parameter là tên hàm sẽ được thực thi sau khi hiệu ứng hoàn thành.

Dưới đây là ví dụ minh họa phương thức slideUp():

Mô hình

$("#flip").click(function(){
  $("#panel").slideUp();
});

Thử nghiệm trực tiếp

Phương thức slideToggle() của jQuery

Phương thức slideToggle() của jQuery có thể chuyển đổi giữa phương thức slideDown() và slideUp().

Nếu phần tử cuộn xuống, slideToggle() có thể cuộn lên chúng.

Nếu phần tử cuộn lên, slideToggle() có thể cuộn xuống chúng.

$(selector).slideToggle(speed,callback);

Tùy chọn speed Parameter quy định thời gian diễn ra của hiệu ứng. Nó có thể lấy các giá trị sau: "slow", "fast" hoặc miliseconds.

Tùy chọn callback Parameter là tên hàm sẽ được thực thi sau khi hiệu ứng hoàn thành.

Dưới đây là ví dụ minh họa phương thức slideToggle():

Mô hình

$("#flip").click(function(){
  $("#panel").slideToggle();
});

Thử nghiệm trực tiếp

Hướng dẫn hiệu ứng jQuery

Nếu bạn muốn tra cứu đầy đủ hiệu ứng jQuery, hãy truy cập trang web của chúng tôi Hướng dẫn hiệu ứng jQuery。