Chrome中的<select>滚动位置问题

Question

我目前正在使用Chrome 42.0.2311.135 m，IE 11和Firefox 37，而我正在使用＆lt; select＆gt;来解决一个小问题。 Chrome中的元素。 此屏幕截图显示＆lt; select＆gt;在Chrome中显示。我正在使用jQuery设置＆lt; select＆gt;的值到第一个选项的值。 此屏幕截图显示了IE11中的相同页面。问题是Chrome略微向下滚动，因此填充不可见。如果我滚动到列表的顶部，它显示如下。 如果我没有设置＆lt; select＆gt;的值，则Chrome会显示顶部填充（即滚动条位于顶部）。 如何选择值并在Chrome中显示顶部填充？ 我正在申请＆lt; select＆gt;的CSS是非常基本的。 .home .desktop-header form select.make，.home .desktop-header form select.model {     宽度：27％;     保证金权利：20px;     填充：10px; } 我正在设置值： cfg.makesList.element.val（cfg.makesList.element.find（ “选项”）[0]。价值）.change（）; 连接更改事件以检索模型列表的列表选项。 制作列表显示列表开头的10个最受欢迎的选项（并且还在完整列表中按字母顺序包括它们），因此＆lt; select＆gt;有10个选项，其值在列表中存在两次。 （有关示例，请参阅http://jsfiddle.net/0ftL6w3y/2/）

Answer 1

试试这段代码::

使用以下代码滚动到顶部：

$('select').scrollTop(0);

JSFIDDLE DEMO