溢出-Y：滚动不工作的铬

我没有得到在镀铬框滚动条，但在火狐狸和Internet Explorer越来越溢出-Y：滚动不工作的铬

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/）的例子吗？ – 2014-09-12 11:52:03

你可以PLZ把一个http://jsfiddle.net所以我们可以修复它为你 – 2014-09-12 11:52:43

感谢您的回复，这是在jsfiddle工作，但我的项目，这是不工作 – AKG 2014-09-12 11:57:17

我刚刚检查了你的小提琴，这是因为你没有将overflow-y: scroll;属性添加到小提琴中。它适用于我的版本（Chrome也是如此）。

http://jsfiddle.net/y8jqsya4/

来源

2014-09-12 12:10:04

现在请重新检查一次。 – AKG 2014-09-12 12:11:18

@AKG我为基于RPM的Linux使用Chrome版本37.0.2062.94（64位），并且您的小提琴（wydsf2vk）和Anshuman的在我的浏览器中显示滚动条。 – 2014-09-12 12:18:13

@AKG请注意，在您的浏览器中，滚动条不起作用 - 因为您没有指定高度，div会自动扩展以填充内容并且不会溢出。 – 2014-09-12 12:19:39

height属性添加到您的CSS类，以显示你需要设置你的DIV的修复高度滚动条。

来源

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

溢出-Y：滚动不工作的铬

回答

相关问题