Question

如何使用Jquery创建可滚动菜单？

div.scrollmenu {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    background-color: #777;
}

::-webkit-scrollbar { 
   display: none; 
                   }

<div class="scrollmenu">
  <a href="#home">Home</a>
  <a href="#news">News</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
   <a href="#about">About</a>
    <a href="#about">About</a>
     <a href="#about">About</a>
      <a href="#about">About</a>
       <a href="#about">About</a>
        <a href="#about">About</a>
         <a href="#about">About</a>
         
  ...
</div>

我有这个水平滚动菜单，在css

问题

我不希望它显示水平滚动条。

Answer 1

对于Chrome浏览器，您可以使用

::-webkit-scrollbar { 
    display: none; 
}

为你的CSS。

对于更多可能这对你有用。 Pure CSS Horizontal Scrolling

对于这种误解感到抱歉，这是一种JS方式，HIDE VERTICAL & HORIZONTAL SCROLLBAR OF A DIV

使用Jquery的可滚动菜单

1 个答案: