自动完成js - 列表的滚动条的列表向下箭头闪烁

Posted

技术标签:

【中文标题】自动完成js - 列表的滚动条的列表向下箭头闪烁【英文标题】:Autocomplete js - The list's scrollbar's list down arrow flickers 【发布时间】:2021-02-05 01:41:24 【问题描述】:

我有一个自动完成列表,并且列表的滚动条的向下箭头正在将焦点设置到第一个元素,它会闪烁。用鼠标滚动时工作正常。 使用 jquery 3.4.1。

 .ui-autocomplete 
     position: absolute;
     top: 0;
     left: 0;
     cursor: default;
  

问题只是自动完成列表滚动条中的底部箭头:

【问题讨论】:

请向我们展示您的代码 @IvanD 添加了代码 【参考方案1】:

我不确定您是否共享了完整的代码,可能是您项目的其他地方有问题。以下代码工作正常:

$(function() 
  var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "javascript",
    "Lisp",
    "Perl",
    "php",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
  ];
  $("#tags").autocomplete(
    source: availableTags
  );
);
.ui-autocomplete 
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
  <h1>Demo</h1>
</div>

【讨论】:

以上是关于自动完成js - 列表的滚动条的列表向下箭头闪烁的主要内容,如果未能解决你的问题,请参考以下文章

自定义列表数据自动循环向下滚动view(类似于通知通报消息)

使用箭头键滚动的 Tkinter 列表框

如何在自动建议框中使用向下箭头键?

SwiftUI macOS 在 TextField 处于活动状态时使用箭头键滚动列表

向下拖动网页滚动条的时候,怎么老是自动向上滚动

js如何控制整个页面滚动条的位置