如何只允许滚动条滚动

Question

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

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

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

只允许他们通过使用滚动条执行此操作，但同时不删除他们从列表中select选择一个选项的能力。

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

Answer 1

我终于找到了解决办法，VueSelect其实有一个方法，就是控制这个功能的。

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

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

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

希望对您有所帮助！