固定配置された子によって親のパディングが無視される

Question

タイトルの後ろに粘着要素が入り込まないようにするにはどうすればよいですか?

現在のコードスニペットは親にpadding-topを使用しています。また、追加の子にmargin-topまたは透明な50ピクセルの境界線を使用しようとしましたが、機能しないようです。

この場合、スティッキー ラベルで top: 50px; を簡単に使用できることはわかっていますが、この部分を React コンポーネントに統合し、特定のサイズを使用してさまざまなコンポーネントの組み合わせをより多くしたいと考えています。それらはすべて上部の寸法を共有する必要があるため、困難です。

タイトル/パディングを「ベタ」にし、付箋が通過できないようにするにはどうすればよいですか?

リーリー リーリー

Answer 1

これに私が気づいていない欠点があるのか​​、それともあなたの場合にうまくいくのかわかりませんが、translateY はうまくいくようです。しかし、これは間違いなく非常にハッキングです。

リーリー リーリー