fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-02-02
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
阅读:5127回复:1

关于隐藏地址栏脚本

楼主#
更多 发布于:2021-11-22 12:42
这个脚本很好用,还带有动画效果,但是鼠标移到上面,弹出地址栏的时候,网页会向下滚动,能不能固定住网页,地址栏以覆盖网页的形式弹出来?


/* hide navbar */
    #nav-bar:not([customizing]) {
       visibility: visible !important;
       margin-top: -35px;
       transition-delay: 1s;
       filter: alpha(opacity=0);
       opacity: 0;
       transition: visibility ease 0.3s, margin-top ease 0.3s, opacity ease 0.3s !important;
   }
   :root:not([customizing]) :hover > #nav-bar, #nav-bar:focus-within, #identity-box[open="true"], #navigator-toolbox:hover > #nav-bar:not([customizing]), #toolbar-menubar:not([inactive="true"]) ~ #nav-bar:not([customizing]) {
       visibility: visible !important;
       margin-top: 0;
       filter: alpha(opacity=100);
       opacity: 100;
   }
   #nav-bar .toolbarbutton-1[open="true"] {
       visibility: visible;
       margin-top: 0px;
       opacity: 100;
   }
齿轮key
火狐狸
火狐狸
  • UID57347
  • 注册日期2019-11-14
  • 最后登录2022-10-08
  • 发帖数252
  • 经验81枚
  • 威望0点
  • 贡献值52点
  • 好评度6点
  • 社区居民
  • 忠实会员
1楼#
发布于:2022-02-05 12:03
之前有看过这样的实现,不过现在屏幕比较大了,其实不差那点空间,不停地显示隐藏反而是一种不稳定的状态
跑跑原神火狐 & ACGN 的社区:popkart.org
游客

返回顶部