• 注册
  • 美の子 管理员
    达人认证:无所不能,又无所不用其极的神人
    关注 3 粉丝 3 喜欢 12 内容 348
    河南省·郑州市
    聊天 送礼

    分享精彩给好友

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

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

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

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

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

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

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

      中国·钓鱼岛
    • 1
    • 0
    • 0
    • 221