水平滚动自动对焦

Posted 2023-03-06

【中文标题】水平滚动自动对焦

【英文标题】：Autofocus In Horizontal Scroll

【发布时间】：2016-08-11 02:53:51

【问题描述】：

我有一个带有列表项的水平滚动 div。如下所示。当用户单击任何列表项时，我希望列表自动聚焦。目前，列表项位于其位置。 javascript 或 Jquery 中有什么方法可以自动聚焦列表项吗？

以下是我用来制作这个水平滚动 div 的 CSS

在 ul 上

white-space: nowrap;
 overflow-x: auto;

上李

display: inline-block !important;
    float: none;

【参考方案1】：

甚至是最简单的，$(YourElement).click(); 不要忘记在你的 CSS 代码中为 'YourElement' 使用 :active 伪类。

【参考方案2】：

你可以试试这个，$(YourElement).trigger("focus")。