我制作了一个带有自动建议的搜索框。我不想让建议下推页面上的其他元素。
我为解决此问题所做的事情
我给出了建议position: fixed，并添加了一个窗口事件侦听器，以滚动方式更新其top和left，以使其看起来像是从搜索框中掉下来的。 / p>
显然，这根本不是实现此目标的好方法。任何人都可以对如何改进这一点提出建议吗？谢谢！
答案 0 :(得分：0)
我不知道您的建议来自何处（AJAX呼叫？页面上的固定列表？完全不同？），因此无法提供完整的示例。但是，使用现有的小部件比构建自己的小部件会更好。
如果您有固定的建议列表，请考虑使用<datalist>对象：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist
如果您使用ajax来检索建议，请考虑使用jQuery UI的自动完成功能或类似的解决方案：https://jqueryui.com/autocomplete/
基本上，这听起来像是您在重新创造已经存在的功能，并且已经以用户友好且与多浏览器兼容的方式实现了这些功能。如果您有足够的理由这样做，请至少提供解决方案的代码示例，以便人们提供帮助！