网页内容整体偏移

查看 41|回复 1
作者:loveaeen   
介绍
兄弟们,小弟想开发一个自用的 chrome extension 。
类似于侧边栏一样的内容,整理如下
场景
为了让侧边栏不遮挡原始网站内容,所以想让网站整体的 body 向右偏移 70px
样式
对 body 采用了多种方案,如:margin-left,left,translateX(70px)
问题
[ol]
  • body 样式偏移了,但是某些网站,比如斗鱼,虎牙,youtube ,的左侧导航栏却依然停留在页面最左侧。
  • 当我采用 translateX(70px) 时,斗鱼,虎牙网站成功便宜,但是 Youtube 的导航栏却因为偏移直接不可见了,而且鼠标移动到视频上预览时,小窗格被再次偏移。
    [/ol]疑问
    请问如果遇到这种样式问题,我该如何解决,有通用的解决方案么?

    偏移, body, 虎牙, translatex

  • RRRSSS   
    Chrome extension 这种就没办法做到通用在所有网站上,因为每个站点的样式都大大不同,尤其是 position 、z-index 这种属性设置得也都不同,你插入的 DOM 被会被网站已有内容盖住。
    除非,你在几个热点网站上分辨域名,一个个去做兼容,不过就太费时间了。
    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部