如何设置使用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'});
- 使用jQuery提交表单
- 如何在jQuery中select最后一个子元素?
- 附加到URL和刷新页面
- 从jquery post调用asp.net页面发送html标记时,客户端检测到潜在危险的Request.QueryString值
- 提高jQueryselect器性能的好方法?
- 从JavaScript中的关联数组中获取第一项的最有效方法是什么?
- $(sel).bind(“click”,$(sel).click(,$(sel).live(“click”,$(sel).on(“click”?
- 应该将jqGrid的用法addJSONDatareplace为setGridParam()的用法,并触发('reloadGrid')?
- jQuery UI单选button – 如何正确切换选中状态