Javascript Jquery自动完成中的滚动文本

我发现下面的提琴可以阻止自动完成建议中的任何换行，并且只在一行中显示它们：

$（“#ac”）.自动完成({
资料来源：[
“某个很长的词”，
“SomeveryVeryLongWordSomeveryVeryLongWords”
]
});
.ui菜单项a{
最大宽度：200px；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

像这样试试看


$（“#ac”）.自动完成({
资料来源：[
“某个很长的词”，
“SomeveryVeryLongWordSomeveryVeryLongWords”
]
});
.ui菜单项{
溢出：隐藏；
位置：相对位置；
显示器：flex；
最大宽度：200px；
空白：nowrap；
}
.ui菜单项a{
空白：nowrap；
位置：相对位置；
变换：translateX（0）；
转变：转变1s；
框大小：边框框；
}
.ui菜单项：将鼠标悬停在{
宽度：自动；
转化：translateX（计算（200px-100%）；
}
.ui小部件内容a.ui-state-focus{
保证金：-1px；
}

亲爱的@yunzen，非常感谢您的回复。您的代码确实可以处理长的自动完成建议，但不幸的是，它也会将短项目滚动出视图，即使它们不会溢出宽度。另外，我意识到将鼠标悬停在项目上并不是触发动画的最佳方式，我想使用类似
.ui state active
类的方法来实现这一点。这样，如果我使用箭头键选择建议，滚动也会起作用。你能帮我解决这些问题吗？我已经通过替换这部分代码
成功地改变了动画的触发方式。ui菜单项：将a{width:auto；transform:translateX（calc（200px-100%）；}
悬停在这个
上。ui菜单项a.ui-state-focus{width:auto；transform:translateX（calc（200px-100%）；}
。亲爱的@yunzen，我也注意到你的代码中没有
文本溢出：省略号属性，因此很难判断哪个自动完成建议实际溢出。