переполнение-у: прокрутка не работает для хрома

Я не получаю полосы прокрутки для коробки в хроме, но попадая в огонь лисица и исследователь интернетапереполнение-у: прокрутка не работает для хрома

li.box{ 
    border-radius: 0px; 
    padding:0; 
    border: solid 1px #8c8d8e; 
    overflow: hidden; 
    overflow-y:scroll; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    background-color: #ffffff; 
    opacity: 0.85; 
}

это JSFiddle ссылку http://jsfiddle.net/wydsf2vk/

источник

2014-09-12 AKG

вы можете предоставить нам, например, [jsfiddle] (http://jsfiddle.net/)? –

Можете ли вы PLZ поставить http://jsfiddle.net, чтобы мы могли исправить это для u –

спасибо за ответ, это работает в jsfiddle, но я мой проект это не работает – AKG

Я просто проверил вашу скрипку, это происходит потому, что вы не добавили свойство overflow-y: scroll; к скрипке. Он работает для моей версии (Chrome тоже).

http://jsfiddle.net/y8jqsya4/

источник

2014-09-12 12:10:04

сейчас, пожалуйста, можете проверить его снова .. – AKG

@AKG Я использую Chrome версии 37.0.2062.94 (64-разрядная версия) для Linux на основе RPM, и ваша скрипка (wydsf2vk) и Anshuman's отображают полосу прокрутки в моем браузере. –

@AKG обратите внимание, что в вашей полосе прокрутки нет функционала - поскольку вы не указали высоту, div автоматически расширяется, чтобы заполнить содержимое и никогда не будет переполняться. –

Добавить высоту свойство вашего класса CSS, чтобы отобразить полосы прокрутки, вы должны установить высоту починки вашего дел.

источник

2014-09-12 12:15:32 Mihir

изменить CSS: -

height:100px 
border-radius: 0px; 
padding:0; 
border: solid 1px #8c8d8e; 
overflow: hidden; 
overflow-y:scroll; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
background-color: #ffffff; 
opacity: 0.85;

http://jsfiddle.net/wydsf2vk/2/

источник

2014-09-12 12:20:50 Kenny

Установить макс высоты для этого .box он будет работать

источник

2014-09-12 12:21:09

Ты случайно используя трек площадку вместо мыши, на OSX? Там какая-то причуда, где полоса прокрутки будет скрыта, если вы используете дорожку. Подключите мышь и посмотрите, появится ли она.

источник

2016-03-16 16:50:36 mixophrygian

Вам не хватает height Свойство CSS. проверьте снимок ниже.

.box { 
 
    border-radius: 0px; 
 
    padding:0; 
 
    border: solid 1px #8c8d8e; 
 
    overflow: hidden; 
 
    overflow-y:scroll; 
 
    height: 100px; 
 
    -webkit-box-sizing: border-box; 
 
    -moz-box-sizing: border-box; 
 
    box-sizing: border-box; 
 
    background-color: #ffffff; 
 
    opacity: 0.85; 
 
}

<div class="box"> 
 
    <p> Hello World 1 </p> 
 
    <p> Hello World 2 </p> 
 
    <p> Hello World 3 </p> 
 
    <p> Hello World 4 </p> 
 
    <p> Hello World 5 </p> 
 
</div>

источник

2017-12-12 00:44:54 helcode

переполнение-у: прокрутка не работает для хрома

ответ

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