如何使用jquery设置顶级位置
我正在创建自定义div滚动条,希望设置content div的顶部位置。我的jquery代码如下:如何使用jquery设置顶级位置,jquery,Jquery,我正在创建自定义div滚动条,希望设置content div的顶部位置。我的jquery代码如下: containerOuterHeight=$("#messagePopUpContainer").outerHeight(); contentOuterHeight=$("#content").outerHeight(); contentTopPosition=$("#content").offset().top; alert
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>
“+方法。设置[elmId]。文本+”
返回'
您可以使用CSS来完成以下任务:
$("#yourElement").css({ top: '100px' });
访问CSS属性和操作非常容易使用。例如,要更改单个属性,请执行以下操作:
$("selector").css('top', '50px');
使用原型:
$('yourDivId').setStyle({top: '100px', left:'80px'});
你也可以这样做
var x = $('#element').height(); // or any changing value
$('selector').css({'top' : x + 'px'});
或
你可以直接使用
$('#element').css( "height" )
.css(“height”)
和.height()
之间的区别在于后者返回的是一个单位较少的像素值(例如,400
),而前者返回的是一个单位完整的值(例如,400px
)。当需要在数学计算中使用元素的高度时,建议使用.height()方法 仅供参考,如果您使用:
$(el).offset().top
要获取位置,它可能会受到父元素位置的影响。因此,您可能希望保持一致,并使用以下方法进行设置:
$(el).offset({top: pos});
与上面的CSS方法相反。尝试
$(元素).position()
($(元素).position().top
&$(元素).position().left
)setStyle()
仅用于dom元素。请改用css()
。感谢您添加此项。是否应为(“propertyName”、“propertyValue”)?
$(el).offset({top: pos});