Cách đặt vị trí trên cùng bằng cách sử dụng jquery

Question

Tôi đang tạo cuộn div tùy chỉnh và muốn đặt vị trí trên cùng của div nội dung. mã jquery của tôi là như sau:

containerOuterHeight=$("#messagePopUpContainer").outerHeight(); 
      contentOuterHeight=$("#content").outerHeight(); 
      contentTopPosition=$("#content").offset().top; 
      alert("contentTopPosition"+contentTopPosition); 
      alert(contentTopPosition-(containerOuterHeight/20)); 
      $("#content").offset().top=contentTopPosition-(containerOuterHeight/20); 
      //$("#content").css("top",(contentTopPosition-(containerOuterHeight/20)) + "px"); 
      alert("contentTopPosition"+$("#content").offset().top); 
      //alert("Fontsize"+$('#content').css('font-size')); 

và html là:

<div id='messagePopUpContainer' style='background-color:#ffffff; overflow: hidden;'> 
<a href='javascript:void(0);' id='popupanchor' onkeydown='PopupKeyHandler("' + elmId + '");'></a> 

<div id='content' style='width:350px'>' + methods.settings[elmId].text + '</div > 
<div id='popupReturn'>Return</div></div></div>' 

Answer 1

Bạn có thể sử dụng CSS để làm các trick:

$("#yourElement").css({ top: '100px' }); 

Answer 2

A xử lý thuộc tính CSS & thao tác khá dễ dàng bằng cách sử dụng .css(). Ví dụ, để thay đổi thuộc tính duy nhất:

$("selector").css('top', '50px'); 

Answer 3

Và với Prototype:

$('yourDivId').setStyle({top: '100px', left:'80px'}); 

Answer 4

Bạn cũng có thể làm

var x = $('#element').height(); // or any changing value 

    $('selector').css({'top' : x + 'px'}); 

Answer 5

Chỉ cần để tham khảo, nếu bạn đang sử dụng:

$(el).offset().top 

Để có được vị trí, nó có thể bị ảnh hưởng bởi vị trí của phần tử gốc. Do đó, bạn có thể muốn nhất quán và sử dụng các thông tin sau để đặt mã:

$(el).offset({top: pos}); 

Khác với phương pháp CSS ở trên.