如何将垂直滚动条添加到滑动标签？

Question

我在http://thehungrygeek.com/上有一个滑动标签实现 - 即屏幕右侧的滑动抽屉。

如何使用CSS将垂直滚动条添加到滑动抽屉，只有当访问者的显示屏高度太小以致切掉部分滑动抽屉时才会出现？

我尝试过以下CSS代码：

#tab_slide {
overflow-x: auto;
overflow-y: scroll
height:auto;       // styles added by tab-slide plugin which I am using
top:5%;            // ---- || ----
right: -303px;     // ---- || ----
width: 300px;      // ---- || ----
}

使用该代码实现时，有一个垂直滚动条，但当显示高度小于制表符幻灯片时，它不会滚动。

如何在标签幻灯片不适合可用显示时显示可行的垂直滚动条？

感谢您的帮助！

Answer 1

试试这个：

@media all and (max-height:400px){
  #tab_slide{
     overflow-x: auto;
     overflow-y: scroll;
  }
}

当屏幕高度更改为400px时，会出现滚动条。您可以将max-height更改为您想要的任何大小。