时间戳

首页 > 解决方案 > 如何只允许使用滚动条滚动

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

问题描述

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

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

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

最好只允许他们通过使用滚动条来执行此操作，但同时不取消他们从列表中选择选项的能力。

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

标签： javascripthtmlcssvue.jsvue-select

解决方案

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

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

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

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

我希望这有帮助！

推荐阅读