Questions tagged «position»

位置是指元素相对于其容器的位置,通常在水平和垂直轴上。

11
RecyclerView-如何在特定位置上平滑滚动到项目顶部?
在RecyclerView上,我可以使用以下方法突然滚动到所选项目的顶部: ((LinearLayoutManager) recyclerView.getLayoutManager()).scrollToPositionWithOffset(position, 0); 但是,这突然将项目移动到顶部位置。我想顺利地移到项目的顶部。 我也尝试过: recyclerView.smoothScrollToPosition(position); 但是它不能很好地工作,因为它不能将项目移动到所选的顶部位置。它仅滚动列表,直到该位置上的项目可见为止。

3
css-将div定位到包含div的底部
如何将div定位到包含div的底部? <style> .outside { width: 200px; height: 200px; background-color: #EEE; /*to make it visible*/ } .inside { position: absolute; bottom: 2px; } </style> <div class="outside"> <div class="inside">inside</div> </div> 此代码将文本“放入”置于页面底部。
118 css  position 

6
使用jQuery获取元素相对于视口的位置
获取页面上元素相对于视口(而不是文档)的位置的正确方法是什么?jQuery.offset功能似乎很有希望: 获取第一个元素的当前坐标,或设置匹配元素集中相对于文档的每个元素的坐标。 但这与文档有关。是否有等效的方法返回相对于视口的偏移量?

5
在TD中使用相对位置/绝对位置?
我有以下代码: <td style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; bottom: 0px;"> Notice </div> </td> 这根本不起作用。由于某种原因,TD上未读取position:relative命令,并且通知DIV被放置在页面底部的内容容器之外。我试图将TD的所有内容放入DIV中,例如: <td> <div style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; …

6
如何找出切片中的元素位置?
如何确定切片中存在的元素的位置? 我需要以下内容: type intSlice []int func (slice intSlice) pos(value int) int { for p, v := range slice { if (v == value) { return p } } return -1 }
108 position  go  slice 



5
位置:绝对身高和父母身高?
我有一些容器,他们的孩子只是绝对的/相对的。如何设置容器的高度,以便他们的孩子进入其中? 这是代码: 的HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div> <!-- I want to have a gap between sections here --> <section id="bar"> <header>bar</header> <article> <div class="one"></div><div></div> <div class="two"></div> </article> </section> 的CSS article { position: relative; } .one { position: absolute; top: 10px; …
100 html  css  position  height  absolute 

6
粘边栏:向下滚动时固定在底部,向上滚动时固定在顶部
我一直在寻找一段时间,以解决粘性侧栏问题。我对自己的行为有一个特定的想法;实际上,当您向下滚动时,我希望它粘在底部,然后当您向上滚动时,我希望它以流畅的运动(不跳动)粘在顶部。我找不到我要实现的目标的示例,因此我创建了一个图像,希望可以更清楚地说明这一点: 边栏位于标题下方。 向下滚动时,侧栏保持与页面内容的水平,以便您可以滚动浏览侧栏和内容。 到达侧边栏的底部,侧边栏将粘在视口的底部(大多数插件仅允许粘在顶部,有些插件允许粘在底部而不是两者都允许)。 到达底部,侧边栏位于页脚上方。 向上滚动时,侧边栏与内容保持水平,因此您可以再次滚动浏览内容和侧边栏。 到达侧边栏的顶部,侧边栏粘贴到视口的顶部。 到达顶部,边栏位于标题下方。 我希望这是足够的信息。我创建了一个jsfiddle来测试所有插件/脚本,对此问题我已对其进行了重置:http : //jsfiddle.net/jslucas/yr9gV/2/ .

7
React Native绝对定位水平中心
似乎position:absolute在使用中某个元素无法使用justifyContent或居中alignItems。有一种解决方法可以使用,marginLeft但即使使用尺寸来检测设备的高度和宽度,也无法在所有设备上显示相同的结果。 bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, bottomNav: { flexDirection: 'row', },

8
css绝对位置不适用于margin-left:auto margin-right:auto
假设您将以下CSS应用于div标签 .divtagABS { position: absolute; margin-left: auto; margin-right:auto; } 左边距和右边距无效 但是,如果您有亲戚,它可以正常工作,即 ,divtagREL { position: relative; margin-left: auto; margin-right:auto; } 这是为什么?我只想将元素居中 有人可以解释为什么将边距设置为自动在绝对位置上不起作用吗?
78 html  css  position 

3
位置元素垂直固定,绝对水平固定
这是我要完成的工作: 我需要一个按钮,该按钮与div的右侧保持一定距离,并且无论视口的大小如何,该按钮始终与div的侧面保持相同的距离,但是会随窗口滚动。 因此,始终是div右侧的x像素,而始终是视口顶部的y像素。 这可能吗?
77 css  position 

12
固定元素在Chrome中消失
在我建立的网站上滚动时,使用CSS属性position: fixed可以按预期方式将导航栏保持在页面的顶部。 但是,在Chrome浏览器中,如果您使用导航栏中的链接,该链接有时会消失。通常,您单击的项目仍然可见,但并非总是可见。有时整个事情消失了。左右移动鼠标可以使元素的一部分退回,而使用滚轮或箭头键滚动只需单击一下即可使元素返回。您可以在http://nikeplusphp.org上(间歇地)看到它的发生-您可能必须单击几次导航链接,才能看到它的发生。 我也尝试过使用z-index和可见性/显示类型,但是没有运气。 我遇到了这个问题,但修复程序根本不适合我。似乎是webkit的问题,因为IE和Firefox正常工作。 这是一个已知问题,还是有一种使固定元素可见的修补程序? 更新: 只有具有top: 0;,我尝试过bottom: 0;并且可以按预期工作的效果元素。
75 css  webkit  position 

5
基于陀螺仪和加速度计的室内定位系统
我正在开发一个Android应用来跟踪室内位置。我的手机是使用两个传感器的Google Nexus S,第一个是加速度计,第二个是陀螺仪。 我的想法是,从2个传感器(用于运动的加速度计和用于方向的陀螺仪)的起始参考点(已知的GPS位置)跟踪手机在移动时的位置。并在用户前进时在地图上显示。 但是问题是我不知道如何结合使用这两个传感器来给我一个实际的位置? 我已经在互联网上阅读过一些有关“卡尔曼过滤器”的文章,经过更多研究后,我发现该过滤器非常非常复杂(对我来说太多了),尤其是在Android版Java(CPU杀手)中对其进行编码 是否有人可以与我分享有关使用陀螺仪和加速度计的室内定位系统的经验?
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.