如何只允许使用滚动条滚动

Question

我正试图只允许人们使用滚动条在下拉列表中滚动，并通过将鼠标悬停在列表顶部的条目上来阻止他们滚动。

您可以看到一个下拉列表示例，通过查看此Codepen，将鼠标悬停在第一个条目上，使人们可以滚动到列表顶部。

<!-- https://codepen.io/Joshimoto/pen/qQLyoO -->

使用滚动条只允许他们执行此操作非常好，但同时不要删除他们从列表中选择选项的能力。

任何帮助或建议都将非常有帮助！

Answer 1

我终于找到了解决方案，VueSelect实际上有一个控制该功能的方法。

阅读此GitHub ticket后，我可以使用以下功能禁用该功能：

Vue.component('v-select', {
  extends: VueSelect,
  methods: {
    maybeAdjustScroll: () => false
  }
});

vue-select的开发人员稍后可能会为此添加一个道具，但是目前这是我能找到的唯一方法。

我希望这会有所帮助！