如何设置使用jQuery的顶部位置

我正在创build自定义div滚动条,并希望设置内容div的顶部位置。 我的jQuery代码如下:

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

和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>' 

你可以使用CSS来做诡计:

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

使用.css()访问CSS属性和操作非常简单。 例如,要更改单个属性:

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

你也可以做

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

原型

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