javascript - HTML 滚动 : how to avoid it to "cut" my inner elements

Question

这个问题是关于我必须做的自动完成下拉列表，当你在 html 文本框中书写时它会触发。

它基本上由一个包含建议元素的 div 组成，每个元素也是一个 div。

我已经到了它开始正常工作的地步，但现在我向包含的 div 添加了一个垂直滚动，这样你就可以限制下拉列表的高度，我得到了以下行为:

如果您使用滚动条，它会以“像素”为单位向上或向下滚动，因此它会削减我的元素，使它看起来一点也不光滑。

当您使用滚动条时，我想覆盖上下移动整个 div 元素的行为。我什至不知道如何用谷歌搜索...

任何人都知道这方面的任何有用资源，或者可以提供任何关于从哪里开始的提示，如果可以覆盖滚动移动事件或者我应该看看另一个方向？

提前致谢

注意:我不能使用 jquery 自动完成插件。

Answer 1

您可以实现自己的滚动条，使用鼠标事件并手动更新位置。