Làm cách nào để di chuyển toàn bộ phần tử div lên x pixel?

Question

Tôi muốn đặt lại vị trí toàn bộ div và nội dung của nó lên khoảng 10-15 pixel.

Tôi làm cách nào để thực hiện việc này?

Lưu ý: đây là phần tử thanh trượt, vì vậy khi tôi nhấp vào nút, thanh trượt sẽ trượt xuống. Sau khi hoàn thành, tôi muốn định vị lại khoảng 15 pixel.

Answer 1

$('#div_id').css({marginTop: '-=15px'}); 

này sẽ làm thay đổi css cho các phần tử với id "div_id"

Để có được hiệu quả mong muốn tôi khuyên bạn nên thêm đoạn code trên để một hàm callback trong hoạt hình của bạn (theo cách đó div sẽ được di chuyển lên sau khi hình ảnh động hoàn tất):

$('#div_id').animate({...}, function() { 
    $('#div_id').css({marginTop: '-=15px'}); 
}); 

Và tất nhiên bạn có thể animate thay đổi trong biên độ như vậy:

$('#div_id').animate({marginTop: '-=15px'}); 

Sau đây là các tài liệu cho .css() trong jQuery: http://api.jquery.com/css/

Và đây là những tài liệu cho .animate() trong jQuery: http://api.jquery.com/animate/

Answer 2

$('div').css({ 
    position: 'relative', 
    top: '-15px' 
}); 

Answer 3

Trong css thêm video này vào yếu tố:

margin-top: -15px; /*for exact positioning */ 
margin-top: -5%; /* for relative positioning */ 

bạn có thể sử dụng một hoặc một vị trí cho phù hợp.