css - 如何使侧边栏仅在高度方面具有粘性？

Question

尝试创建一个固定位置的侧边导航栏(仅针对高度)

尝试固定位置，但它与内容重叠。 使用此创建侧边栏 https://reacttraining.com/react-router/web/example/sidebar

<div style={{ display: "flex" }}>
        <div
          style={{
            padding: "20px",
            width: "20%",
            background: "black",
            height:"100vh",
            position:"fixed",


          }}
        >

我希望导航栏是固定的，但不会与其他内容重叠。

Answer 1

只需添加 document.body.style.marginLeft = "20%";。如果侧边栏在左边