Cuộn đến phần tử và định vị nó ở giữa chế độ xem

Question

Tôi đang cố gắng tự động ghi vào hàng giữa trong sổ lệnh.

Tôi có orderBook div, trong đó bảng có orderBook được đặt. Và một trong những hàng của bảng đó có id middleRow. Những gì tôi đang cố gắng làm là cuộn và định vị hàng đó ở giữa orderBook.

Kết quả mong đợi được hiển thị trên hình ảnh:

Tôi đã tryied jQuery scrollTo chức năng, nhưng nó đặt hàng giữa trên cùng của màn hình, như hình dưới đây:

$ ('# orderBook'). tìm ('. tableBody'). scrollTo ('# orderBookMiddleRow')

Answer 1

http://demos.flesler.com/jquery/scrollTo/

Bạn có thể chỉ định một bù đắp cho di chuyển của bạn như thế này:

$('#orderBook').find('.tableBody').scrollTo('#orderBookMiddleRow', 500, {offset: -$(window).height() /2}) 

Dưới đây là một bằng chứng thực sự đơn giản của khái niệm: http://jsfiddle.net/6k8asog1/

Edit: Đây là mã sửa đổi OP cho di chuyển đến trung tâm của #orderBook, thay vì cửa sổ:

$('#orderBook').find('.tableBody').scrollTo('#orderBookMiddleRow', 500, {offset: $('#orderBook').offset().top - $('#orderBook').height() - $('#orderBookMiddleRow').height() })