本站用的是wordpress日主题,搭建好以后很多需要优化的地方,发现首页顶部状态栏还是强制置顶好点,考虑到以后网站内容多的时候,方便用户及时返回

CSS代码

/*重写日主题首页顶部栏实现强制置顶*/
.slide-now .site-header {
 box-shadow: none !important;
  webkit-transform:none!important;
  transform:none!important;
}

使用方法

  • 登录worepress后台,找到日主题设置-顶部设置
  • 把上面的代码复制粘贴到自定义样式代码里即可

其他主题

其他主题,就不适用这个方法了,大家可以使用下面两种方法尝试

  • F12打开浏览器审查元素,在样式里面会有很多删除线包裹的元素,可以尝试把√依此去掉,说不定状态栏会立马置顶,当然这种方法只适用写了有碍于状态栏置顶的样式主题才行,比如日主题只用把那些√去掉,再强制把那三个影响的元素属性设置为none即可,这就是上面代码的原理。

  • 尝试下方css固定定位样式

position: fixed;

注意:这个固定只是一个属性,并非完整的样式,请根据实际情况使用

发表评论

您的电子邮箱地址不会被公开。