В последнее время в статистике блога часто встречаю поисковые запросы про вертикальный скролл. По-видимому, это связанно с тем, что ряд публикаций, посвященный фиксированным колонкам (блокам) на web-странице не участвующих в общей прокрутке по вертикали так или иначе вертикального скролла не имеет вообще.

Также могу предположить, что подобного рода вопрос может возникнуть и из-за того, что визуал скролла в разных браузерах выглядит по разному.

Собственно убрать вертикальную прокрутку для любого блока ограниченного и по ширине и по высоте не составляет особых проблем. Всего-то два контейнера вложенных друг в друга с разной шириной.

Для себя назвал этот прием «методом выталкивания» и в общем случае все выглядит приблизительно так:

html

 <div class="box">
   <div class="scroll">
     ...
   </div>
 </div>

css

.box {
  border:#000 1px solid;float:left;
  margin:20px;overflow:hidden;
  width:260px;height:200px;
}
.scroll {overflow-y:auto;width:278px;height:200px;}

Как видно из стилей ширина контейнеров отличается ровно на ширину скролла, выделено цветом и подбирается при просмотре в зоопарке браузеров.

Демонстрационный пример.

На основе данного метода в различных модификациях выполнена глобальная разметка web-страниц с фиксированными колонками:

• Любителям экзотики и извращений...
• Фиксированные колонки и вертикальная прокрутка
• Фиксированные колонки без position:absolute;

Коллекция примеров к изложенному по последней ссылке.