使topbar和header浮动

时间:2016-09-20 06:21:59

标签: html json

我有一个主题,我可以选择在向下滚动页面或顶栏浮动时使标题浮动。 我想让它们都漂浮,你能告诉我要改变什么吗?

以下是settings_schema.json文件中的代码:

 {
        "type": "header",
        "content": "Header Style"
      },
      {
        "type": "select",
        "id": "theme_float_style",
        "label": "Float style",
        "options": [
          {
            "value": "",
            "label": "Default"
          },
          {
            "value": "keep-topbar",
            "label": "Float Topbar"
          },
          {
            "value": "keep-header",
            "label": "Float Header"
          }
        ],
        "default": ""
      },

当你选择要浮动的标题时,这就是settings_data.json中出现的内容:

"theme_float_style": "keep-header",

的CSS:

/* ---Header--- */
body{ 
    &.keep-header{
      .mini-bar{
        @include box-shadow(0px 2px 3px 0px rgba(0,0,0,0.2));
        #header_logo{
          padding:5px 0;
          img{
            width:449px;
          }
        }
      }
    }
}

body{
    &.keep-topbar{

    }

0 个答案:

没有答案