Question

无论如何，我可以删除第二个小滚动条，当我设置固定位置溢出-x我的导航栏隐藏？

图片链接：Right Here!~

这是我的代码：

HTML：

<div id="main-style">
<nav>
    <img src="images/logo_3.png">
    <ul>
        <li><a href="#">Home</a></li><!--
        --><li><a href="#">About</a></li><!--
        --><li><a href="#">Contact</a></li><!--
        --><li><a href="#">Menu</a></li>
    </ul>
</nav>

的 CSS：

    body {
  margin: 0;
  width: 100%;

  html, body {
  position: relative;
  overflow-x: hidden;
  height: 100%;
   }

  *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

*{
    margin: 0;
    padding: 0;
    }

    #main-style{
        width: 100%;
        position: fixed;
        z-index: 5; /*The Highest Index*/
    }

    nav{
        width: 100%;
        height: 60px;
        display: block;
        overflow-x: hidden;
    }

nav ul li{
    list-style-type: none;
    display: inline-block;
}

即时通讯使用chrome

注意：

导航栏中元素的所有高度均已正确设置为60px。 希望你能在这里帮助我。谢谢Alot！

Answer 1

In the CSS for the nav, replace overflow-x: hidden; with overflow-y: hidden;.

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y

Answer 2

我最近通过将 html，body 更改为：

来修复此问题

  overflow-y: visible;

并将 nav 更改为：

     overflow-y: hidden;

希望这对你有所帮助，它帮助了我＆gt;：D

如何通过溢出删除滚动条？

2 个答案: