如果数组大小小于5,则隐藏滚动条

时间:2016-09-25 19:13:04

标签: html css angularjs css3 scrollbar

如果我的数组长度小于5,我试图隐藏选择滚动条。我尝试使用下面的CSS样式,但它对滚动条没有影响

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

1 个答案:

答案 0 :(得分:0)

你必须在角度表达式之外写入引号才能正确执行,因为你在花括号里面写了它是一个javascript对象表示法,这意味着要正确执行它需要在引号中作为关键值如此值因为你的角度版本在这个版本中是1.0,你必须像这样写,但是你可以导入1.5最新的1x版本的角度并保留它,就像你写的或写这样它只是一个角度版本的问题

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

here is the working example