我有一個div元素
<div className={ "flexRow alignItemsCenter margBot10 justifyContentSpaceBetween margTop24" } >
<h2 className="dialog__title subheading-text-medium fontMedium">Galley No: {airCraftLoadingSel.galley}</h2>
</div>
當我向下滾動以查看更多內容時,我需要讓這個div停留在頂部。我已經嘗試在div中應用style={{position:sticky}},但是似乎沒有得到我想要的輸出,還有什么別的辦法嗎?
如果您想讓div元素在滾動時停留在頁面的頂部,可以嘗試將position屬性設置為fixed,并調整top屬性以確保它的位置正確。下面是代碼示例
<div style={{position: "fixed", top: 0, zIndex: 1, width: "100%"}} className={ "flexRow alignItemsCenter margBot10 justifyContentSpaceBetween margTop24" } >
<h2 className="dialog__title subheading-text-medium fontMedium">Galley No: {airCraftLoadingSel.galley}</h2>
</div>
寫上面的代碼,否則你可以不用& quot"最后你應該有;,它應該只有{}個,而不是兩個{{}}。 希望這回答了你的問題。