Javascript 什么'；让搜索框中的自动建议显示在其他元素之上的最佳方法是什么？

我已经做了一个自动建议搜索框。我不想让这些建议影响页面上的其他元素

我是如何解决这个问题的：

我给出了建议

position:fixed

，并添加了一个窗口事件监听器来更新滚动条上的

top

和

left

，使其看起来就像从搜索框中下拉一样

---

这显然不是实现这一目标的好方法。请问，有人能就如何改进这一点提出建议吗？谢谢

我不知道您的建议来自何方（AJAX调用？页面上的固定列表？完全不同的东西？），因此不可能提供完整的示例。然而，使用现有的小部件比构建自己的小部件要好得多

如果您有一个固定的建议列表，请考虑使用<代码> <代码>对象：

如果您使用Ajax来检索建议，请考虑使用jQuery UI的自动完成或类似的解决方案：

---

基本上，这听起来像是在重新设计已经存在的功能，并且已经以用户友好和多浏览器兼容的方式实现了这些功能。如果您有充分的理由这样做，至少提供解决方案的代码示例，以便人们能够提供帮助

您应该使用html/css/js制作一个工作示例。现在的问题是，它可以是任何给定的解决方案。提供代码示例“最好的方法”是主观的。datalist的问题是您无法对其进行样式设置。