jquery - 使用 jQuery 获取百分比 CSS 位置

标签 jquery css

我正在尝试使用 jQuery 获取元素的 CSS(顶部和左侧):

$(element).css('top');

但我得到了像素,而不是应该的“12%”。
我如何获得百分比?

HTML:

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<style type="text/css">
.parWrapper {
    position:absolute;
    top: 40%
}
</style>
</head>
<body>
<div> 
    <div id="crap" class="parWrapper" style="left:50%">
    Wrap1   
    </div>

    <div class="parWrapper">
    Wrap2
    </div>

    <div class="parWrapper">
    Wrap3   
    </div>

    <div class="parWrapper">
    Wrap4   
    </div>

    <div class="parWrapper">
    Wrap5   
    </div>

</div>

</body>

最佳答案

我自己也遇到过,也觉得很奇怪。

代替:

 $(element).css('top');

我刚刚做了:

 element.style.top

没有 jQuery,并以您创建的类型(百分比、ems 等)为您提供实际值

关于jquery - 使用 jQuery 获取百分比 CSS 位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5230425/

相关文章:

javascript - 使用调用方法而不是在参数中传递对象有什么好处

javascript - 下拉列表中填充了数据库数据,并在按钮单击时添加

javascript - jquery组合多个选择器

css - 如何创建网格/平铺 View ?

css - 如何为@page{ content : } property? 指定混合内容

jquery - Javascript/Jquery 中的字体很棒

jQuery 轮播问题

jquery - 页面加载后如何停止 JQuery 加载程序?

javascript - 防止过度定位元素中的事件

javascript - 根据 d3.js 中的矩形大小调整文本字体大小