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

标签 javascript html css vue.js vue-select

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

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

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

如果只允许他们使用滚动条执行此操作,但同时又不取消他们从列表中选择选项的能力,那就太好了。

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

最佳答案

我终于找到了解决这个问题的方法,VueSelect 实际上有一个方法来控制这个功能。

读完这个 GitHub ticket ,我能够使用以下方法禁用该功能:

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

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

希望对您有所帮助!

关于javascript - 如何只允许滚动条滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53560364/

相关文章:

jquery - 浏览器中的用户可旋转元素

css - NGINX cookie 免费域设置问题

javascript - 我可以从 jquery 中的变量调用 ID 元素 HTML

javascript - 如何在 JavaScript 中编译一串 CoffeeScript 代码?

javascript - Web Crypto API - IndexedDB 中的不可精确 CryptoKey 是否足够安全,不会从一个设备传递到下一个设备?

javascript - 如何让html适合一定的高度? (不含 wrapper )

css - 包含图像的 anchor 标记上没有边框

javascript - 如何引用 visualforce 中指定的 html 元素 id 并传递给 javascript 函数?

javascript - 显示基于彼此的下拉项

javascript - 使用 JQuery 和 PHP 进行电话字段验证