标签: fixed

典型的用例是包含两列的页面:

JQuery Mobile中的标准行为是内容与页面一起滚动.是否可以使用不同的范例使用JQM构建应用程序 - 具有可滚动内容的固定视口？

我想有一个固定大小的字符串类.理想情况下,接口将匹配std::string新接口永远不会分配新内存的一个区别.对于应该避免分配新内存的应用程序情况,它应该是一个方便的类.大小可以是静态的(在编译时已知).

我认为有两种方法.第一个是围绕char数组实现一个类,然后实现或多或少的所有函数std::string.我还必须实现一些运算符来创建std::string具有给定固定大小字符串的s等.

第二种方法,我甚至不确定是否可能,将继承std::string and覆盖可能改变字符串大小的所有函数.我查看了basic_stringVisual Studio中的标题,它似乎不是虚拟的,所以我想这不是要走的路.

您认为实施此类课程的最佳方法是什么？

Google实验室浏览器大小

我一直更喜欢固定宽度布局而不是流体宽度布局,其中一个主要原因是我能够更好地了解整个画面如何,而不必担心屏幕分辨率.

但是现在"图片"发生了变化,现在大多数用户使用的最低和最高分辨率之间存在很大的差异,而且它们似乎仍然存在.

我的上网本只支持800像素或1024像素宽; 我还有一个支持1650像素的22英寸显示器,支持1920像素以上的24英寸显示器正变得非常普遍.

我已经非常"忽略"800像素的用户一段时间了,我一直在开发固定的950/960像素宽,我也注意到流行的网站(SO为一个)要么使用这种方法,要么使用流畅的网站.

对于文本(几乎)只有网站(如维基百科),我没有看到使用流体系统的问题,但是所有其他依赖图像/视频来创建有趣内容的网站呢？社交网络,分类等等......他们解决这个问题的方法是什么？

在不久的将来,Seam Carving似乎是一个不错的选择,但它还不够成熟(浏览器和jQuery本来都不支持它),我也觉得用户不会理解它,对它感到困惑和结果放弃了网站.

在事实上的网络标准仍是1024个像素宽,并留下980个像素的未使用的24"显示器似乎只是普通的奇不说是错误的.那么,什么是我们的选择？

具有固定布局的屏幕分辨率http://i45.tinypic.com/1692oat.jpg

我很想听听您对此的看法以及您对流体和固定系统的体验.

PS:使用其中任何一个系统的热门网站也受欢迎,我特别感兴趣的是看到使用流体系统的非文本网站.

编辑:我刚刚看到这个答案,我对液体和液体布局之间的区别感到困惑,它们是不是应该完全一样？

我的网站有问题http://artygirl.co.uk/pixie/about/我似乎无法让页脚自动粘到浏览器的底部,并显示我的其余背景.有没有比使用位置更好的解决方案:固定还是绝对？

我认为可能有其他风格超过我在firebug中做的一些测试.

感谢您的帮助,关心Judi

我正在尝试向所有具有position:fixed set的元素添加一些jQuery代码.这种事情有可能吗？如果有的话会非常有用,所以我不需要经历所有代码和额外的类来修复对象.

我正在使用谷歌地图SDK for ios.我想在屏幕中央固定一个标记,因此当用户拖动地图时,标记不会移动并保持在中心位置.我也试图在拖动后读取中心的坐标.任何输入将不胜感激.谢谢!

在chrome youtube中,iframe浮动在我的固定位置标题之上.我已经尝试为两者设置z-indexes而它没有发生.

有人知道解决这个问题吗？

今天我已经将Firefox更新到版本31.从那时起,perspective禁用任何孩子的固定位置.它在早期版本的Firefox中没有发生,也没有在Chrome中发生过.

              Fiddle
FF 31-35 required

这是行为还是错误？以及如何避免它？

我有一个固定标题和滑出侧边栏的网站.当iOS7处于纵向方向时,固定标题在侧边栏可见时保持固定,但在iOS8上,标题会略微向上推,具体取决于您向下滚动的距离.我需要它来保持固定.

看到这个jsbin:http://jsbin.com/xuyevi/2/

主要部分是标题,侧边栏和主要内容.标题使用固定位置固定在屏幕顶部,并具有z-index,使您在滚动时将其保持在内容之上.

侧边栏固定在屏幕的左侧,最初通过左侧自己的宽度进行隐藏.

要打开侧边栏,每个标题,内容和侧边栏都会按侧边栏的宽度向右平移.

同样,这在iOS7和支持translate3d的所有其他浏览器上完美运行,并且在横向方向上甚至可以在iOS8中正常工作.但是在纵向iOS8中,固定标题将根据用户滚动的距离从屏幕上滑落.

此外,使用Safari检查器显示屏幕上的菜单项偏离其预期位置.即在检查器中选择一个元素时,会突出显示屏幕上与其呈现的实际位置偏移的区域.

有没有其他人遇到这个？有人知道修复吗？

编辑:检查员认为固定位置标题正好在它应该的位置,即使它实际上被推离屏幕.

假设我们有一个固定的侧边栏，如下所示：

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 17em;
  height: 100%;
}

当 Safari 底部栏可见时，这是可以的，但是当向下滚动时，它会消失，侧边栏会在原来的位置保留一段时间，然后跳转到填充下面的空间。它看起来很麻烦。

height我尝试用以下解决方案之一进行替换，但没有一个起作用：

height: 100vh; // Sidebar is under the bottom bar

height: -webkit-fill-available; // Sidebar doesn't adjust its height

height: var(--window-inner-height); // CSS prop set via JS window.innerHeight. Same above

bottom: 0;

有什么想法可以解决吗？