自动完成列表滚动与vuejs2中的向上键没有jquery

时间:2017-09-18 04:48:34

标签: scroll autocomplete vue.js vuejs2

在vuejs2中从头开始处理自动完成,显示一些结果,其余的都是隐藏的,在滚动包含所有结果的内部div元素时可以看到。

按下向上和向下键时我已经实现了on键,以便让用户轻松浏览结果,但内部div与结果不滚动。

如何滚动溢出的元素:隐藏? 这是我的HTML代码:

<ul style="max-height: 180px;overflow: auto;">
  <li>one</li>
  <li>two</li>
  <li>three</li>
  <li>four</li>
</ul>

但无法从输入框获得焦点到列表。 提前致谢

1 个答案:

答案 0 :(得分:0)

您可以设置overflow-y: hidden来获取滚动条,而不是overflow-y: auto

对于滚动,您可以使用scrollTop属性。以下是一个示例:https://jsfiddle.net/1ysmmckm/