Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Как сделать невидимым вертикальный скролл в таблице?

Обсуждение темы Как сделать невидимым вертикальный скролл в таблице? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Создал HTML страничку с такой вот таблицей: Код HTML: <div class= "table-responsive tab1 block12" > <table class= "table table-bordered table-hover table-condensed tab" > ...


Закрытая тема
 
Опции темы
Старый 17.04.2016, 16:17   #1
Создал HTML страничку с такой вот таблицей:
Код HTML:
<div class="table-responsive tab1 block12">
   <table  class="table table-bordered table-hover table-condensed tab">
        <tr>
        <th width="3%">№ п/п</th>
        <th width="30%">Наименование имущества</th>
        <th width="30%">Наименование категории</th>
        <th width="5%">Вес</th>
        <th width="3%">Сумма кредита</th>
        <th width="10%">Удалить и редактировать</th>
        </tr>
В классе block12 прописал стиль с вертикальным скроллом:
Код:
.block12 {
  margin-left: 20px;
  font-size: 10pt;
  margin-top: 20px;
  overflow-y:scroll;
  overflow-x:hidden;
  height: 255px; 
}
Скролл работает нормально, но показывается постоянно, даже когда таблица пустая и в ней не заполнена ни одна строка, а мне бы хотелось чтобы скролл был невидимым до тех пор пока в таблице не появится три или больше строк. Как это можно осуществить?
Буду очень благодарен за вашу помощь.
 
Старый 17.04.2016, 16:17
Ссылки
Старый 18.04.2016, 16:26   #2
у меня всё нормально выводиться, без скролла. скажите, вы можете выложить структуру сайта сида

Добавлено через 22 минуты

замените overflow-y:scroll; на overflow-y:auto;

Последний раз редактировалось mamon-88; 18.04.2016 в 16:26.. Причина: Добавлено сообщение
 
Старый 18.04.2016, 16:26
Закрытая тема

Метки
css, html5, javascript, web, скроллинг


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вертикальный ритм driven Софтодром 2 29.08.2012 03:19
Как постепенно делать бекграунд невидимым? kpripper HTML, CSS, JavaScript 3 19.10.2011 15:44
Скролл в таблице Johnny HTML, CSS, JavaScript 6 17.03.2007 17:51
Как сделать скролинг в таблице? Can HTML, CSS, JavaScript 9 28.04.2006 17:42
вертикальный текст Popelushka HTML, CSS, JavaScript 7 11.04.2005 17:23


Текущее время: 04:53. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум