2009-03-19 22 views

Trả lời

25

jQuery làm cho những thứ như thế này tầm thường đến mức bạn không cần một plugin. Ví dụ:

var x = 250; //insert your own formula to calculate where you want to scroll to in px 
var t = 500; //arbitrary time in ms 
$("html,body").animate({ scrollTop: x }, t); 

bạn có thể đặt bất kỳ phần tử nào cuộn, như div. t là thời gian tính bằng ms mà hình động sẽ chạy và x là vị trí của bạn để cuộn đến trong px. Lưu ý rằng điều này làm việc với scrollLeft cũng nhưng không scrollRight hoặc scrollBottom (không phải là một giới hạn của jQuery nhưng JavaScript).

+2

$ ("# log-output") animate ({scrollTop: $ ("# log-output"). Height()}, 250); làm việc tuyệt vời để tự động cuộn xuống đáy của vùng văn bản. Cảm ơn! – leek

+0

'$ (" html, body ") animate ({scrollTop: $ ('body'). Css ('height')}, 0);' cuộn xuống cuối trang. –

5

Kiểm tra các plugin jQuery.ScrollTo, bạn có thể di chuyển đến vị trí được xác định (cố định hoặc tuyệt đối), sử dụng bộ chọn, phần tử DOM, và nhiều hơn nữa ...

tặng một cái nhìn vào demos ...

8

bạn luôn có thể làm dòng sau để di chuyển một yếu tố xuống đáy

$("body").attr({ scrollTop: $("body").attr("scrollHeight") }); 
5

Để xây dựng trên những câu trả lời từ Darko Z và CMS, đây là những gì tôi đã sử dụng để animate di chuyển đến một yếu tố cụ thể:

var target = $('#elem'); 
$('html,body').animate({scrollTop: target.offset().top}, 500); 
+0

Nó hoạt động tốt cho tôi như thế này. Cảm ơn :) – Natim

Các vấn đề liên quan