jQuery prepend - ngăn chặn tự động cuộn

Question

Tôi chỉ đang làm việc với jQuery prepend và không thể làm cho nó hoạt động như mong đợi.

Những gì tôi đang làm:

prepending một .content div để #main div mỗi một giây

Nhưng, khi tôi di chuyển xuống một chút [một lần trang được đầy đủ nội dung] , Tôi tiếp tục bị cuộn trở lại #main 's top hoặc mới nhất prepended .content

Cách thức làm I:

Ngăn ngừa sự viewport từ việc thay đổi - như trong trường hợp của append

liên quan fiddle

Answer 1

Như tôi đã giải thích trong một chú thích, cuộn không thực sự thay đổi. Cuộn của cửa sổ dựa trên "khoảng cách từ trên cùng" (DfT). Đó là để nói rằng nếu bạn không có scrollbar, bạn DfT là 0. Một khi các thanh cuộn được giới thiệu bây giờ bạn có một khoảng cách để làm việc với.

Vì nội dung dài hơn nên chế độ xem chỉ cao quá nhiều pixel nên một số nội dung "rơi ra" ở cuối trang (phần thêm vào làm cho DfT bị tắt theo chiều cao của phần tử mới).

Cách tốt nhất tôi có thể nghĩ là chống lại nó với chiều cao của phần tử mới. Điều này cho phép bạn cuộn đến vị trí sau đó, khi các thành phần mới được thêm vào, bạn sửa đổi vị trí cuộn tương ứng.

Dưới đây là một ví dụ về những gì tôi có nghĩa là: http://jsfiddle.net/bradchristie/66RvC/1/

Và mã (để tham khảo):

var f = function(){ 
    var t = $(window).scrollTop(),  // Window's current scroll position 
     $d = $(d()).prependTo('#main'), // store the new element 
     h = $d.outerHeight();   // also get its height 
    if (t){        // Only adjust if they've scrolled 
     $(window).scrollTop(t + h);  // add the delta to the scroll position 
    } 
    setTimeout(f, 1000); 
};