Как скрыть полосу прокрутки div

У меня есть прокручивающийся div, и я хочу скрыть полосу прокрутки, но все же могу прокручивать без проблем в IE8 +.Как скрыть полосу прокрутки div

Я сделал этот пример кода ->http://codepen.io/celicoo/pen/emqJoz

А вот код:

HTML:

<div id="site"> 
    <div class="container_scrolling"> 
     <div class="container_hidden"> 
      <div class="box"> 
      </div> 
     </div> 
    </div> 
</div>

CSS:

#site * { 
    margin: 0; 
    padding: 0; 
    text-decoration: none; 
    font-weight: normal; 
    border: 0; 
} 
#site { 
    position: relative; 
    width: 100%; 
    height: 2000px; 
    color: #a3265e; 
} 
#site .container_scrolling { 
    width: 100%; 
    height: 200px; 
    overflow: scroll; 
    border: 1px solid black; 
} 
#site .container_hidden { 
    height: 2810px; 
    width: 100%; 
} 
#site .box { 
    width: 150px; 
    height: 150px; 
    background: #000; 
    position: absolute; 
    left: 50%; 
    margin-left: -75px; 
}

Я нашел несколько примеров , но я не могу изменить структуру HTML моего приложения.

источник

2015-04-14 Anonymous

Какой DOCTYPE вы используете? – dannyshaw

только , почему ?? : B. –

Я не верю, что есть способ достичь прокрутки без прокрутки в IE8, но вы можете быть в состоянии использовать JQuery плагин, чтобы сделать так

https://github.com/malihu/malihu-custom-scrollbar-plugin

как на мой комментарий, если вы хотите скрыть полосы прокрутки в IE8, вы должны использовать разные DOCTYPE:

removing page scrollbars in IE8 (overflow:hidden not working)

источник

2015-04-14 01:05:21 dannyshaw

ли вы попробовать

overflow:hidden;

Также, в зависимости от того, как вы объявляете страницу, IE будет либо отображать ее в стандартном, либо в режиме quirks.

<!DOCTYPE html>

Следует удалить полосу прокрутки.

источник

2015-04-14 01:11:20

переполнение: скрытое прекратит прокрутку ..:/ –

Вот хороший блог, который может вам помочь. Кажется, он говорит об одном и том же вопросе. http://blogs.msdn.com/b/kurlak/archive/2013/11/03/hiding-vertical-scrollbars-with-pure-css-in-chrome-ie-6-firefox-opera-and- safari.aspx –

Как скрыть полосу прокрутки div

ответ

Смежные вопросы