[英]Fixed position in only one direction in future releases of CSS?
我知道CSS不支持該position: fixed
僅針對x
或y
進行了position: fixed
,但僅針對同一時間進行了固定。
解決此問題的常用方法似乎是將固定定位與jquery結合使用,以相對於非固定軸上的滾動量重新定位組件。 不利的一面是,在該方向滾動時,組件將滯后很多。
我的問題是,這是否是將來CSS規范所關注的問題? 有人知道嗎
我認為我們需要一個fixed-x
和fixed-y
定位值。
現在對於在二維上滾動更為普遍的觸摸設備而言,這尤其成為問題。
這是一個小提琴:
它顯示了我要解決的問題,但沒有顯示出實際問題,因為這個很小的示例現在看起來非常快。
更新
從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.