html – Chrome中的滚动位置问题

2023年2月11日 162次阅读

我目前正在使用Chrome 42.0.2311.135 m,IE 11和Firefox 37,而我正在使用< select>来解决一个小问题. Chrome中的元素.

此屏幕截图显示< select>在Chrome中显示.我正在使用jQuery设置< select>的值到第一个选项的值.

此屏幕截图显示了IE11中的相同页面.问题是Chrome略微向下滚动,因此填充不可见.如果我滚动到列表的顶部,它显示如下.

如果我没有设置< select>的值,则Chrome会显示顶部填充(即滚动条位于顶部).

如何选择值并在Chrome中显示顶部填充？

我正在申请< select>的CSS是非常基本的.

.home .desktop-header form select.make, .home .desktop-header form select.model {
    width: 27%;
    margin-right: 20px;
    padding: 10px;
}

我正在设置值：

cfg.makesList.element.val(cfg.makesList.element.find( “选项”)[0].价值).change();

连接更改事件以检索模型列表的列表选项.

制作列表显示列表开头的10个最受欢迎的选项(并且还在完整列表中按字母顺序包括它们),因此< select>有10个选项,其值在列表中存在两次. (以http://jsfiddle.net/0ftL6w3y/2/为例)

最佳答案 试试这个代码::

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

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

JSFIDDLE DEMO

点赞