物化滚动条后面的下拉菜单

Question

所以问题就像标题所说的那样...我有一个小的下拉列表，当显示时，隐藏在滚动条下...

下拉菜单的CSS：

.dropdown-content {
@extend .z-depth-1;
  background-color: $dropdown-bg-color;
  margin: 0;
  display: none;
  min-width: 100px;
  max-height: 650px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 999;
  will-change: width, height;
}

如果有人认为可以在.js中完成某些事情，那么这里是来自Materialise框架的 js代码：

      // Position dropdown
  activates.css({
    position: 'absolute',
    top: origin.position().top + verticalOffset + scrollOffset,
    left: leftPosition
  });

我已经尝试在css中改变overflow，但没有任何反应......

所以有人知道如何解决这个问题或有没有办法覆盖滚动条？

注意：我正在使用Materialize framework和Meteor

编辑是否可以在 javasacript 中编写一个函数来计算点击事件的位置并显示点击事件发生的下拉列表？