代码之家 › 专栏 › 技术社区 › Josh

位置:选择选项时出现粘滞跳跃

sticky position css

Josh · 技术社区 · 6 年前

<div style="position: sticky; position: -webkit-sticky; top: 0;">
    <select>
        <option>Option</option>
    </select>
</div>

我在网上找不到任何能解决这个问题的东西。以前有没有人遇到过这种情况并找到了解决办法?

谢谢!

浏览器:Chrome 67.0.3396.79

操作系统:Windows7家庭高级版。

Sticky可以在Firefox中正常工作。

1 回复 | 直到 6 年前

commandertuna 6 年前

问题是,它被应用于表单元素。当您单击元素时,浏览器将被编程为在以下情况下转到该元素的位置 这是基地位置 它本身 不在屏幕上。

要修复它,请尝试使用 position:fixed; 相反。既然元素上面没有任何东西,就没有理由使用 sticky

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前