V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
This topic created in 1070 days ago, the information mentioned may be changed or developed.
介绍
兄弟们，小弟想开发一个自用的 chrome extension 。 类似于侧边栏一样的内容，整理如下
场景
为了让侧边栏不遮挡原始网站内容，所以想让网站整体的 body 向右偏移 70px
样式
对 body 采用了多种方案，如：margin-left,left,translateX(70px)
问题
- body 样式偏移了，但是某些网站，比如斗鱼，虎牙，youtube ，的左侧导航栏却依然停留在页面最左侧。
- 当我采用
translateX(70px)时，斗鱼，虎牙网站成功便宜，但是 Youtube 的导航栏却因为偏移直接不可见了，而且鼠标移动到视频上预览时，小窗格被再次偏移。
疑问
请问如果遇到这种样式问题，我该如何解决，有通用的解决方案么？
2 replies • 2023-06-12 12:44:54 +08:00
 |
1
RRRSSS May 31, 2023
Chrome extension 这种就没办法做到通用在所有网站上，因为每个站点的样式都大大不同，尤其是 position 、z-index 这种属性设置得也都不同，你插入的 DOM 被会被网站已有内容盖住。
除非，你在几个热点网站上分辨域名，一个个去做兼容，不过就太费时间了。 |
 |
2
sq955 Jun 12, 2023 via Android
套个 iframe 行吗
|
Select Language