Tag: 定位

重新渲染方向变化的网页的最佳方法是什么？: 我有一个stream畅的CSS布局，当我改变方向时，在iphone上渲染不好。（刷新时看起来很好）。我正在使用下面的代码刷新页面的方向更改，这工作正常 – 这只是感觉有点不对。有没有办法实现这一点，而不必重新加载整个页面？这是一个手机网站，我真的不想强迫用户加载两次页面。 var supportsOrientationChange = "onorientationchange" in window, orientationEvent = supportsOrientationChange ? "orientationchange" : "resize"; window.addEventListener(orientationEvent, function() { window.location.reload() }, false); 编辑：在iphone上testing的两个主要问题是：我有一个100％的宽度，右alignment的背景图像。当我将方向从纵向改变为横向时，身体宽度仍然是在纵向模式下呈现的方式，反之亦然。由于页面过于宽广，似乎将图像渲染两次，从横向到纵向都是一个问题。

CSS：固定在底部并居中: 我需要将页脚固定在页面底部并居中。页脚的内容可能会随时更改，所以我不能只通过margin-left将它居中：xxpx; margin-right：xxpx; 问题是，由于某种原因，这是行不通的： #whatever { position: fixed; bottom: 0px; margin-right: auto; margin-left: auto; } 我爬网，没有发现任何东西。我尝试了一个容器div和nada。我尝试了其他组合和gurnisht。我怎样才能做到这一点？谢谢

检测iOS UIDevice方向: 我需要检测什么时候该设备是纵向的，以便我可以发射一个特殊的animation。但是我不希望我的观点自动化。当设备旋转到肖像时，如何覆盖视图自动旋转？我的应用程序只需要在横向上显示它的视图，但是如果我想能够检测旋转到纵向，我似乎还需要支持纵向。

Z指数相对还是绝对？: 我试图find以下问题的答案：元素的z-index样式是其绝对堆栈顺序还是相对于其父级的堆栈顺序？例如，假设我有以下代码： <div style="z-index:-100"> <div id="dHello" style="z-index:200">Hello World</div> </div> <div id="dDomination" style="z-index:100">I Dominate!</div> 哪一个会在前面 – #dHello或#dDomination？这只是例子。我已经在多个地方尝试了这一点，结果似乎有所不同。我看到有没有人知道权威来源的解决办法： 1）关于z-index的实际标准是什么（关于这个话题具体）？ 2）各个浏览器在实际执行中如何变化？谢谢！

jQuery：位置（）和偏移（）之间的区别: position()和offset()之间有什么区别？我尝试在点击事件中执行以下操作： console.info($(this).position(), $(this).offset()); 他们似乎返回完全一样的…（被点击的元素是在一个表格单元格中）

Chrome的CSS过渡效果使图像模糊/移动图像1px？: 当divhover时，CSS过渡效果会移动div。这个问题，正如你在例子中看到的那样，“翻译”过渡有使div中的图像向下/向右移动1px的可怕的副作用（并且可能稍微resize），以使其显现出来的地方和聚焦… 这个小故障似乎适用于整个hover效果的应用，从一个反复试验的过程中，我可以肯定地说，只有当翻译过渡移动div时才会出现（box阴影和不透明也适用，但没有任何区别错误时删除）。第二编辑：其实，问题没有解决！在创build一个JSFiddle来说明这个问题时，我偶然发现了一个有趣的观察。该问题只发生在页面有滚动条时。所以只有一个div的例子的例子很好，但再一次相同的div被添加，因此页面需要一个滚动条的问题再次罢工… 有任何想法吗？！

停止固定位置在某个点滚动？: 我有一个位置的元素：固定和滚动页面，但我想如何。当用户向上滚动时，我希望元素在某个点停止滚动，比如从页面顶部开始是250px，这可能吗？任何帮助或build议将是有益的谢谢！我有一种感觉，我需要使用jQuery来这样做。我试图得到滚动或位置的用户在哪里，但真的很困惑，有没有任何jQuery解决scheme？

使div始终停留在页面内容的底部，即使有滚动条也是如此: CSS推Div到页面底部请看这个链接，我想要的是相反的：当内容溢出到滚动条，我希望我的页脚总是在整个页面的底部，如堆栈溢出。我有一个id="footer"的div和这个CSS： #footer { position: absolute; bottom: 30px; width: 100%; } 但是它所做的只是到视口的底部，即使向下滚动，也停留在那里，所以它不再处于底部。图片：对不起，如果没有澄清，我不希望它是固定的，只是为了在所有的内容的实际底部。

一旦滚动到屏幕顶端，我怎样才能让div粘贴到屏幕的顶部？: 我想创build一个div，位于一个内容块的下方，但是一旦页面已经滚动到足以与其顶部边界接触，就会固定到位并与页面一起滚动。我知道我已经看到至less有一个在线的例子，但我不记得它为我的生活。有什么想法吗？

如何创build网格/瓷砖视图？: 例如，我有一些类.article，我想查看这个类作为网格视图。所以我应用了这种风格： .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } 这种风格将使.article看起来平铺/网格。这是固定的高度工作正常。但是，如果我想将高度设置为自动（根据其中的数据自动拉伸），网格看起来很讨厌。我想要这样的看法：