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

标签 javascript jquery html internet-explorer firefox

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

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

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

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

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

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

提前致谢

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

最佳答案

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

关于javascript - HTML 滚动 : how to avoid it to "cut" my inner elements,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/647619/

相关文章:

javascript - 在运行时向 senchas carousell 添加东西的正确方法

javascript - jQuery模态窗口的加载效果是怎么实现的呢?

javascript - 在不改变原始数组的情况下添加数组中的对象的算法

java - Jsoup 错误?解析 .mht 文档

html - 如何在特定元素上滚动,而不是整个页面?

javascript - 类型 'Observable<{}[]>' 无法转换为类型 'AngularFireList<any[]>'

jquery - 如何使用 Jquery 将类的 id 获取到 Web 服务中

javascript - 如何在 php 代码之间添加 jquery 字数统计和限制

javascript - jQuery $.fn.extend 或 $.extend 使用哪种模式

html - 将我的图像与 CSS 对齐