Javascript 如何仅在容器溢出处于活动状态时显示图标

我试图在有溢出的特定div下面添加一个滚动箭头，并且仅当溢出处于活动状态时。有不同高度的不同容器，我只想让这个滚动箭头出现在有溢出的容器上，有没有办法动态地这样做

我已经创建了一个JS提琴来显示我的html，所以基本上当“幻灯片”内容超过900px的最大高度时，它会溢出，但我希望它随后显示箭头或相反的效果，并在溢出未激活时隐藏箭头

任何帮助都将不胜感激，如果您需要更多信息，请告诉我

提前感谢

相关-

<div class="large-12 columns">

  <div id="" class="large-9 columns page-content-right">
      <div class="slider">
            <div class="slide-large-content">
            </div>
            <div class="slide-small-content">
            </div>
      </div>
  </div> <!---end page content right -->

   <div class="large-9 columns">    
           <div class="scrollarrows-container">
                            <div class="chevron"></div>
                            <div class="chevron"></div>
                            <div class="chevron"></div>
                  </div>
            </div>
   </div>      
</div><!---end large 12 cols -->