CSS定位問題??? position: sticky;

css3

ppp896 2021-12-11 08:48:31 ‧ 1374 瀏覽

CSS定位問題???

我想做二個box都使用
position: sticky;
top: 0;
但第二個會跟第一個重疊,如何避免重疊???如何停下第一個
position: sticky;top: 0;????????

謝謝
我就是看到這個範例,還看不透方法
https://codepen.io/pvt5r486/full/ERqyPG

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

居然解出來了

iT邦好手 1 級 ‧ 2021-12-11 12:33:42

最佳解答

感覺你的情況是在滾動時看起來重疊?
若是這樣第二個 div 的 top 值
是第一個的 div 的 height 值
就可以解決了

ppp896 iT邦新手 4 級 ‧ 2021-12-11 16:45:38 檢舉

我就是看到這個範例,還看不透方法
https://codepen.io/pvt5r486/full/ERqyPG

居然解出來了 iT邦好手 1 級 ‧ 2021-12-11 21:44:25 檢舉

ppp896 iT邦新手 4 級 ‧ 2021-12-11 23:51:43 檢舉

感恩,謝謝大家幫助回答....

海綿寶寶

iT邦大神 1 級 ‧ 2021-12-11 09:28:33

看看這篇有沒有幫助

ppp896 iT邦新手 4 級 ‧ 2021-12-11 11:18:51 檢舉

謝謝

ppp896 iT邦新手 4 級 ‧ 2021-12-11 16:44:59 檢舉

我就是看到這個範例,還看不透方法
https://codepen.io/pvt5r486/full/ERqyPG

立即登入回答