css - 如何使用 CSS 相对于窗口滚动位置定位元素?

标签 css html

我正在尝试根据以下公式在屏幕上定位一个元素:

element.style.top = element.pivot_y + window.scrollY;

我正在使用 JavaScriptwindow.requestAnimationFrame 执行此操作。问题是 requestAnimationFrame 在某些浏览器上不可用,所以我不得不回退到计时器,这使我的元素摆动 由于缺乏与渲染的同步。这,我可以在不调用 JavaScript 的情况下类似地定位元素吗?

最佳答案

据我了解,这应该很容易通过 position: fixed;top: pivot_y 实现,其中 pivot_y 必须是固定数字

关于css - 如何使用 CSS 相对于窗口滚动位置定位元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22567920/

相关文章:

css - 自定义扩展面板__header高度

css - Spry 验证文本字段在谷歌浏览器中显示不佳

html - 如何停止重复图像

html - vuetify v-text-field 给定值后背景颜色发生变化

html - 处理多个浏览器窗口和/或选项卡的最佳实践

css - 像 facebook 横幅一样在浏览器中跨越图像,但现在是图像

javascript - 让文字脉动——变大变尖,变小变模糊,移动

html - 部分页面上的滚动条

html - 内容出现在全宽视频背景的顶部而不是下方

javascript - 无法通过 jQuery 更改按钮文本