如何使用Chrome扩展程序创建固定工具栏

Question

我已多次尝试使用Chrome扩展程序文件来更改新插件的外观CSS。

问题是，当我尝试向下滚动页面时，一些固定位置的标题隐藏在我的扩展程序后面（网站喜欢Youtube，Outlook，Gmail） 我试图用CSS3创建一个body元素的翻译，它也没有用。

.html{
  transform: translateY('50px');
}

我甚至试图用JQuery降低一些固定定位的元素，但它搞砸了页面，有些网站崩溃了！

var fixed = $('*').filter(function()
        {
            return $(this).css('position').toLowerCase() == "fixed";


        });

    for(i=0; i<fixed.length; i++)
    {
        var marginTop = window.getComputedStyle(fixed[i]).getPropertyValue('margin-top');

        fixed[i].style.marginTop = parseInt(marginTop)+"152px";


var marginBottom = window.getComputedStyle(fixed[i]).getPropertyValue('margin-bottom');
       fixed[i].style.bottom = parseInt(marginBottom) + "152px";

  }