Hide scrollbar if array size is less than 5

Question

I am trying to hide the scrollbar on select if my array has a length of less than 5. I have tried using the CSS styling below but it has no effect on the scrollbar

CSS:

.no-scroll::-webkit-scrollbar {
  display: none;
}
.no-scroll::-moz-scrollbar {
  display: none;
}
.no-scroll::-o-scrollbar {
  display: none;
}
.no-scroll::-google-ms-scrollbar {
  display: none;
}
.no-scroll::-khtml-scrollbar {
  display: none;
}

HTML:

JSFiddle Demo

if the content is visible you can hide the scrollbar with `overflow:hidden;` — Sarantis Tofas, Sep 25 '16 at 19:32
@Akis updated it... please check demo. Overflow doesn't work here — user4756836, Sep 25 '16 at 19:38
@user4756836, [This answer](http://stackoverflow.com/questions/4531269/hide-vertical-scrollbar-in-select-element) may help. — Natiq, Sep 25 '16 at 19:38
@user4756836 yes but the problem is with your ng-class expression — Sarantis Tofas, Sep 25 '16 at 19:54

score 0 · Answer 1 · answered Sep 26 '16 at 07:52

you have to write Quotation marks outside of the angular expression to execute properly because you write inside curly braces it's an javascript object notation which means to execute properly it needs to be in quotation marks as key as value like this because your angular version is 1.0 in this version you have to write like this , but you can import 1.5 newest 1x version of angular and leave it as you have written or write just like this it's just an angular version problem

{'no-scroll': 'colors.length < 5'}

here is the working example

Hide scrollbar if array size is less than 5

1 Answers1