I want add vertical scroll for may div element. I use -webkit-scrollbar
CSS code but this method not working in firefox browser
I think only method for scrollbar in firefox browser is javascript method! please help me for this code
.news-box{
width: 380px;
height: 360px;
margin-top: 20px;
float: left;
background: #fff;
overflow-y: scroll;
}
.news-box-title{
width: 340px;
height: 60px;
margin: 0px 20px 20px 0px;
border-bottom: 1px solid #ebebeb;
text-align: right;
font-size: 18px;
line-height: 60px;
}
.news-box li{
line-height: 60px;
height: 60px;
color: #5d5d5d;
}
.news-box li:nth-child(even){
background: #f2f2f2;
}
.news-box li a {
line-height: 60px;
height: 60px;
padding:10px;
}
<div class="news-box">
<div class="news-box-title"><span>news</span></div>
<li>
<a target="_blank" href="" title="">text</a>
</li>
<li>
<a target="_blank" href="" title="">text</a>
</li>
<li>
<a target="_blank" href="" title="">text</a>
</li>
<li>
<a target="_blank" href="" title="">text</a>
</li>
<li>
<a target="_blank" href="" title="">text</a>
</li>
<li>
<a target="_blank" href="" title="">text</a>
</li>
</div>