Taking Off Scroll Bar Tabs

Asked

Viewed 147 times

0

I need to remove the scroll bar that is in tabs, it generated a scroll bar and I want it to stay static how to do ?

I tried to use overflow-y:hidden but it didn’t work.

<ul id="tabss" style="text-align: center;" class="nav nav-tabs">
  <li class="active"><a href="#bio" data-toggle="tab">Biografia</a>
  </li>
  <li><a href="#noticias" data-toggle="tab">Últimas Notícias</a>
  </li>
  <li><a href="#agendas" data-toggle="tab">Agendas</a>
  </li>
  <li><a href="#recados" data-toggle="tab">Recados</a>
  </li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="bio">Bio</div>
  <div class="tab-pane" id="noticias">Noticias</div>
  <div class="tab-pane" id="agendas">Agendas</div>
  <div class="tab-pane" id="recados">Recados</div>
</div>

CSS

#tabss {  
  margin-left: 0;
  padding-top: 10px;
  margin-top: 36vh;
  position: absolute;
  width: 100%;
  height: 32px;
  background-color: white;
  z-index: 999; 
}
#tabss li {   text-decoration: none; display: inline; padding: 5px; }
#tabss a { color: black; text-align: center; }
#tabss a:hover { color: #AE0823; }
.tab-content {   z-index: 9999;
  position: absolute;
  height: 20vw;
  width: 100%;
  background-color: black;
  margin-top: 40vh;
  opacity: 0.80;
}
#bio {   margin-top: 20px; margin-left: 35px; }
css twitter-bootstrap

  • You put the overflow-y: hidden; in which CSS selector?

  • on tab-Contant.

  • See if that helps you with anything: http://codigosphp.blogspot.com.br/2008/06/retirar-barra-de-rolagem-com-css.html <br>I am not a 'master' in css3 but I think this will serve you in something!

  • 1

    Can reproduce the problem in a fiddle?

  • @forger I cannot because a lot of things in internal php, and not too much fiddle intending

  • I haven’t tried to look at this on the Internet.

  • Well, he’s probably applying the overflow-y:hidden wrong element, or wrong way. It becomes complicated to help more accurately without having more details. Already tried to inspect by browser?

  • Yes, nothing else appears.

  • At least overflow should appear. Make sure you’ve written the right CSS selector?

  • Pass me the css q you’re using, maybe I can help you better!

  • @Nickolascarlos can already solve, you can see the answer below. But still thank you.

Show 6 more comments

1 answer

0


The solution was in the file bootstrap.css, had a line of code:

.tab-content {
  overflow: auto;
}

so I passed her to:

.tab-content {
  overflow: none;
}

Thank you to all who will help me.

Browser other questions tagged css twitter-bootstrap

You are not signed in. Login or sign up in order to post.