Question

下面有导航栏的HTML和SCSS（SASS）

localStorage

  //Here you are getting that json in `string` form from `localStorage` and parsing it to `json`
 var localStorageJson = JSON.parse(localStorage.getItem('slider_json'));

当我在其下面添加其他div元素时，例如下面显示的卧室div {

<div id="navbar">
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#main">Main</a></li>
                <li><a href="#bedroom">Bedroom</a></li>
                <li><a href="#living-room">Living Room</a></li>
                <li><a href="#bathroom">Bathroom</a></li>
                <li><a href="#kitchen">Kitchen</a></li>
                <li><a href="#others">Others</a></li>
            </ul>
    </div>

下面的Div倾向于与导航栏重叠。我的目标是创建一个没有滚动的页面（溢出：隐藏），并且用户应仅浏览滚动条。

但是由于#bedroom的内容隐藏在导航栏的后面，所以我无法正确分配页面。

Answer 1

我认为position: absolute;可以帮助分隔导航栏组件的内容。 Absolute将适合您使用的div组件，因为它以某种方式与其余内容一起流动。检出this link。

粘性导航栏允许其他div元素的overlaypin

1 个答案: