【问题标题】：chrome extension - injecting via content script a button which always appears on the page regardless the scrollingchrome 扩展 - 通过内容脚本注入一个按钮，无论滚动如何，它总是出现在页面上
【发布时间】：2023-02-06 15:10:18
【问题描述】：
我有一个正在使用 react ts 构建的 chrome 扩展应用程序。
正如标题所暗示的，我正在尝试创建某种“停止录制”按钮，该按钮应该通过内容脚本注入。
因为它是一个按钮，其任务是停止屏幕录制，所以我需要它不断地呈现给用户，无论用户滚动多少或他在网络中导航到哪里。
关于如何执行此类操作的任何想法？
问候！
【问题讨论】：
标签：
javascript
reactjs
google-chrome-extension
chrome-extension-manifest-v3
【解决方案1】：
要解决这个问题很容易，添加到样式position: 'fixed'，
并确保您的样式绝不会被父容器覆盖。
就我而言，我的样式被 MaterialUI 组件覆盖，我使用 position: 'fixed !important' 克服了这个问题。
祝所有面临此问题的人好运。