标签: position

什么是从正常流中获取元素的CSS属性？这些属性将是浮动,位置:绝对等.

这个问题涉及正常流动的所有可能的改变.

我正在开发一个带有同位素网格的wordpress主题,并且在帖子上悬停应该在浏览器底部的固定位置显示其标题.我有这个简化的结构:

<div id="main">
    <article class="hubbub">
        //article content
    <h2 class="subtitled">
        //h2 content
    </h2>
    </article>
</div>

通过jQuery,悬停在<article>应该显示其子元素h2.subtitled.<article>相对位置,但通过同位素脚本获得绝对位置.在h2.subtitled被定位固定:

.subtitled {
            display: none;
            position: fixed;
            z-index: 999999999;
            bottom: 20px;
            left: 0;
            width: 100%;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 42px;
            text-align: center;
            color: yellow;
}

由于某种原因,h2.subtitle元素定位固定与父<article>元素相关,因此每个元素的底部<article>.如果我设置了它的<h2>外部<article>,它被定位为与浏览器相关的固定,但它们需要在<article>元素内部,因为无限滚动附加新<article>元素,它们也应该包含<h2>标题.

有谁知道,如何使这个位置固定并与浏览器窗口相关？

谢谢!

将线性布局的两个或多个元素设置为相同的高度似乎是一个很大的问题.

我想将一行中的四个按钮设置为相同的高度.

android:layout_height ="wrap_content"暂时执行,但当其中一个按钮上的文本长于一行时,此按钮会增加,因此比其他按钮大.由于不同的本地化我不知道,何时以及哪个按钮可能有第二行.

所以我的想法是,将parent linearlayout设置为android:layout_height ="wrap_content"和所有(!)子高度到android:layout_height ="fill_parent".

这是有效的(所有按钮都有相同的大小),但我不确定这是否会导致任何其他问题？因为父母从孩子那里得到它的高度,反之亦然.

是否可以通过元素的中心点而不是左上角来告诉代码？如果我的父元素有

width: 500px;

而我的孩子元素有

/*some width, for this example let's say it's 200px*/
position: absolute;
left: 50%;

可以假设,基于50%定位,子元素将位于父元素的中间,150px每侧留下自由空间.然而,它不是,因为它是孩子的​​左上角,50%达到了父母的宽度,因此整个孩子的宽度200px从那里向右移动,留下250px左边的自由空间,只50px留在右边.

所以,我的问题是,如何实现中心定位？

我找到了这个解决方案

position: absolute;
width: 200px;
left: 50%;
margin-left: -100px;

但我不喜欢它,因为你需要为每个元素的宽度手动编辑它 - 我想要一些全局工作的东西.

(例如,当我在Adobe After Effects中工作时,我可以为对象设置位置,然后设置将放置到该位置的该对象的特定锚点.如果画布是1280px宽的,则将对象定位到640px您选择对象的中心作为锚点,然后整个对象将在1280px宽画布中居中.)

我会在CSS中想象这样的事情:

position: absolute;
left: 50%;
horizontal-anchor: center;

类似地,horizontal-anchor: right将元素放置在右侧,因此整个内容将从其父级50%宽度的点开始向左.

并且,同样适用vertical-anchor,你得到它.

那么,这样的事情可能只使用CSS(没有脚本)吗？

谢谢!

使用jQuery拖放后如何获取坐标位置？我想将坐标保存到数据库中,以便下次访问时,该项目将处于该位置.例如,x:520px,y:300px？

编辑:

我是PHP和mysql程序员:)

那里有没有教程？

在导航控制器中,您可以按预期自动获得导航栏的正确颜色和位置.

像这样

但在模态视图中,当您在导航栏中拖动时,您可以将其放置在顶部,这太靠近载体/电池信息.

所以你可以将它向下拖动,猜测它与自动创建的位置匹配的距离,但是你有一个颜色差异.我试过更改IB中的状态栏设置,没有什么区别.

是否有正确的方法来克服这个问题,例如使模态视图看起来像自动生成的导航视图.

谢谢

我需要使用(最好)jQuery来保持绝对鼠标位置/坐标(X和Y),就像在本教程中一样,但在任何JavaScript事件之外.谢谢.

我有一个jQuery对话框,意思是位于屏幕中间.但是,它似乎略微偏离垂直中心.

这是代码:

$('#add_box').dialog({
    autoOpen: true,
    width: 300,
    modal: true,
    resizable: false,
    bgiframe:true
});

任何想法为什么这不会中心？

可能重复:
当scrollView到达Android底部时如何触发事件？

我已经尝试了一个小时左右来检测我的scrollView何时到达屏幕的底部.由于各种屏幕尺寸和Android没有涉及的内容,我不能简单地说当它的Y位置达到某个值时它位于底部,但是没有方法可以检测到它在底部是否找到了.

我确信这有一个简单的解决方案,通过其他变量或其他东西减去视图的高度,但由于某种原因它只是没有点击我.任何想法将不胜感激,谢谢.

我正在尝试创建一个非常简单的效果,当您向下滚动页面时导航会粘到页面顶部.我所要做的就是将"position:fixed"设置为我目前拥有的标题.出于某种原因,它将它视为"位置:绝对"元素与固定元素.我在页面上的其他元素上尝试了相同的效果,所以我必须在我的HTML或CSS代码中有一些导致问题的东西.有任何想法吗？

http://jsfiddle.net/apautler/yDhXG/1/embedded/result/

标题CSS

.nav-main  {overflow: visible; position: fixed;
            top: 0; left: 0; right: 0; height: 60px; width: 100%;}

请注意,该网站是响应式的,所以position: fixed踢的是768px.