繁体   English   中英

在将来的CSS版本中仅在一个方向上固定了位置?

[英]Fixed position in only one direction in future releases of CSS?

我知道CSS不支持该position: fixed仅针对xy进行了position: fixed ,但仅针对同一时间进行了固定。

解决此问题的常用方法似乎是将固定定位与jquery结合使用,以相对于非固定轴上的滚动量重新定位组件。 不利的一面是,在该方向滚动时,组件将滞后很多。

我的问题是,这是否是将来CSS规范所关注的问题? 有人知道吗

我认为我们需要一个fixed-xfixed-y定位值。

现在对于在二维上滚动更为普遍的触摸设备而言,这尤其成为问题。

这是一个小提琴:

http://jsfiddle.net/UfZPa/1/

它显示了我要解决的问题,但没有显示出实际问题,因为这个很小的示例现在看起来非常快。

更新

CSS ED

粘性放置的元素与粘性约束矩形底部之间的相交限制了沿任何方向的移动,因此偏移量永远不会将粘性放置的元素推到其容纳块之外。 但是,当元素随着页面滚动而在其包含的块中自由移动时,类似于固定位置元素,它似乎固定在相关的流根边缘上

我认为这是在描述我想要的内容,但我不确定...

更新2

为了澄清我的应用程序,基本上是一个在x和y中都具有滚动溢出的网格(例如Excel)。 我想要的是一些标签,当滚动到视线之外时,它们会在一个方向上粘贴在边缘上,但同时又在相反方向上保持正常流动。 我想要固定x / flow-y和固定y / flow-x这两者。 问题又来了:使用很多标签,这使得使用jquery-solution的滚动非常缓慢。 我认为我们缺少使组件仅在一个维度上固定而仍在另一个维度上流动的选项。 Maybee我是唯一想要这个的人)

快速浏览一些CSSWG注释(例如注释)使我相信该position: sticky可能是此问题的潜在解决方案,只要您仅指定要固定元素的轴上的偏移量即可。

但是,有一点值得关注:与固定元素(绝对定位)不同,粘性元素相对于其包含的块开始。 由于相对放置的元素不会从正常流程中移出,因此您将不得不考虑与元素相同流程中其他元素的布局,以及(因此?)迫使该元素像固定元素一样工作无论滚动位置可能会更困难。

当然,没有太多信息和实现可用来验证任何一种方法-我只是作一个有根据的猜测,而我链接到的文档是ED,不宜作为一般参考-但您可以随时询问www-style邮件列表 ,看看那里的好人怎么说。 我还没有对position: sticky进行足够的实验position: sticky能够自己发表更多评论。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM