How to set top position using jquery

Question

I am creating a custom div scroller and want to set the top position of the contents of the div. My jquery code is as follows:

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') ); 

and html:

 <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

You can use CSS to do the trick:

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

Answer 2

Accessing and managing CSS properties is fairly easy with . css () . For example, to change one property:

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

Answer 3

You can also do

  var x = $('#element').height(); // or any changing value $('selector').css({'top' : x + 'px'}); 

Answer 4

And with Prototype :

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

Answer 5

Just for reference, if you use:

  $(el).offset().top 

To get a position, the position of the parent element can affect it. Thus, you may want to be consistent and use the following to install it:

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

Unlike the CSS methods above.