javascript - 在 div 中放置菜单图标

Question

我无法在 div 中定位菜单图标。我正在使用来自 https://navnav.co/ 的响应式全覆盖导航菜单. 我在我的个人网站中使用它，但菜单图标始终位于页面的右上角。 我想做的是，当我的网站加载时，我会显示完整的封面壁纸。 向下滚动后，壁纸结束后我有一个导航菜单。

我只想将该菜单图标放在该 div 中，而不是在网页的右上角。

.cd-nav-trigger {
      /* hamburger icon */
      position: fixed;
      z-index: 3;
      top: 12px;
      right: 5%;
      height: 44px;
      width: 44px;
      /* image replacement */
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      -webkit-transition: -webkit-transform 0.2s;
      -moz-transition: -moz-transform 0.2s;
      transition: transform 0.2s;
    }

我已经创建了一个演示 jsfiddle 请检查它。它只是一个原型(prototype)。 https://jsfiddle.net/szn0007/zwds84ec/

另请参阅屏幕截图。

Answer 1

在你的 fiddle 中，删除 position 属性

.cd-nav-trigger {
    /*position: fixed;*/
}

这会将您的菜单图标放置在菜单容器中。 position: fixed 在页面中定位