• 注册
  • 冰雪精灵
    冰雪精灵超级管理员
    如需帮助,请私信。
    个人签名:说明我是个人,就这么写。
    关注5 粉丝3 喜欢11内容357
    北京 · 多云 25-26℃
    • 查看作者
    • 优化日记:左侧悬浮菜单在页面宽度小于1260PX切回原版

      用了杜集儿的菜单美化方案,起初发现不能点击菜单不能回到顶部,导致页面没内容显示。也感激杜集儿提供的JS,实现了此功能。然而在屏幕宽度小于1260的时候菜单依然是固定不变的,就会出现页面没有菜单的尴尬局面,想打可以用自适应来控制显示的啊。

      代码很简单的啦,就是利用device-width自适应,来控制元素的显示。

      页面宽度大于1260时的样式:

      优化日记:左侧悬浮菜单在页面宽度小于1260PX切回原版

      页面宽度小于1260是的样式:

      优化日记:左侧悬浮菜单在页面宽度小于1260PX切回原版

      @media screen and (min-width: 1260px){
      }

      直接把原始代码扔进去就好了。当屏幕宽度小于1260的时候回自动切换回原始菜单。当然要根据自己的需求改宽度值。

      中国·钓鱼岛
    • 1
    • 0
    • 0
    • 859
    • EggMo

      请登录之后再进行评论

      登录
    • 单栏布局 侧栏位置: