Comment définir la position supérieure en utilisant jquery

Je crée un div scroller personnalisé et je veux définir la position supérieure du contenu div. Mon code jquery est comme ci-dessous:

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

et html est:

 

 
' + methods.settings[elmId].text + '
Return
'

Vous pouvez utiliser CSS pour faire l’affaire:

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

Accéder à la propriété CSS et la manipuler est assez facile en utilisant .css () . Par exemple, pour modifier une propriété unique:

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

Vous pourriez aussi faire

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

OU

Vous pouvez utiliser directement

 $('#element').css( "height" ) 

La différence entre .css( "height" ) et .height() est que cette dernière renvoie une valeur de pixel sans unité (par exemple 400 ) tandis que la première renvoie une valeur dont les unités sont intactes (par exemple, 400px ). La méthode .height () est recommandée lorsque la hauteur d’un élément doit être utilisée dans un calcul mathématique. jquery doc

Et avec prototype :

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

Juste pour référence, si vous utilisez:

  $(el).offset().top 

Pour obtenir la position, il peut être affecté par la position de l’élément parent. Ainsi, vous voudrez peut-être être cohérent et utiliser les éléments suivants pour le définir:

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

Par opposition aux méthodes CSS ci-dessus.