鍍金池/ 問答/HTML/ css 相對組件 固定定位

css 相對組件 固定定位

<template>
  <div class="container">
    <div class="box">
      <p>{{text}}</p>
    </div>
    <div class="content">
      123
    </div>
  </div>
</template>

box想要相對container定位，但是container可滾動(dòng)，box位置也會(huì)變化

如果用fixed則是相對屏幕

圖片描述

回答
編輯回答
獨(dú)特范

fixed 嚴(yán)格來說并不是相對于屏幕定位。如果祖先元素里有設(shè)置 css transform 的元素的話， fixed 的元素會(huì)相對于這個(gè) transform 的元素定位。
所以你的這個(gè)問題簡單的解決方案就是：給 .container 加一個(gè) transform: translate3d(0,0,0)。 前提是如果 .box 到 .container 之間的元素都沒有設(shè)置 css transform 屬性

可以參考這個(gè)問題的回答
https://stackoverflow.com/que...

2017年5月18日 15:46
編輯回答
笨笨噠

你需要實(shí)現(xiàn)什么效果?

相對于containe定位
然后containe變化 box不隨著它變化?

2017年5月7日 04:21
編輯回答
撿肥皂

最初box相對container定位，然后container滾動(dòng)到box的時(shí)候讓box浮起

2018年5月28日 23:03