首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用jquery设置顶部位置

如何使用jquery设置顶部位置
EN

Stack Overflow用户
提问于 2012-05-15 17:23:39
回答 4查看 219.8K关注 0票数 70

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

代码语言:javascript
复制
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是:

代码语言:javascript
复制
<div id='messagePopUpContainer' style='background-color:#ffffff; overflow: hidden;'>
<a href='javascript:void(0);' id='popupanchor' onkeydown='PopupKeyHandler("' + elmId + '");'></a>

代码语言:javascript
复制
<div id='content' style='width:350px'>' + methods.settings[elmId].text + '</div >
<div id='popupReturn'>Return</div></div></div>'
EN

回答 4

Stack Overflow用户

发布于 2012-05-15 17:28:04

您可以使用CSS来完成此操作:

代码语言:javascript
复制
$("#yourElement").css({ top: '100px' });
票数 143
EN

Stack Overflow用户

发布于 2012-05-15 17:29:22

使用.css()可以很容易地访问CSS property & manipulating。例如,要更改单个属性:

代码语言:javascript
复制
$("selector").css('top', '50px');
票数 68
EN

Stack Overflow用户

发布于 2014-12-12 00:34:04

你也可以这样做

代码语言:javascript
复制
   var x = $('#element').height();   // or any changing value

   $('selector').css({'top' : x + 'px'});

您可以直接使用

代码语言:javascript
复制
$('#element').css( "height" )

.css( "height" ).height()之间的区别在于,后者返回的是没有单位的像素值(例如,400),而前者返回的是单位保持不变的值(例如,400px)。当需要在数学计算中使用元素的高度时,建议使用.height()方法。jquery doc

票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10597769

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档