我尝试使用 CSS 样式 position: sticky。它很好用,但当选择元素变为活动状态时,页面会滚动回粘性元素的位置。
<div style="position: sticky; position: -webkit-sticky; top: 0;">
<select>
<option>Option</option>
</select>
</div>
https://codepen.io/anon/pen/vrxVoy
我在网上找不到任何解决这个问题的方法。有没有人遇到过类似的情况并且有解决办法?
谢谢!
浏览器:Chrome 67.0.3396.79
操作系统:Windows 7 Home Premium。
在Firefox中,固定定位的效果符合预期。
发现了错误报告:https://bugs.chromium.org/p/chromium/issues/detail?id=805800#c9