作者JohnWalk (论辩伦理学)
看板Browsers
标题Re: [-Fx-] 隐藏上方页签列和工具列
时间Wed Apr 10 16:15:01 2019
原文恕删
原本想要使用kizajan大的css,但发现使用後分页列(TabsToolBar)不会自动滑出。
我的版本最新的是66.0.2,不知道是否是因为更新的关系?有人遇到一样的问题吗?
後来,我参考kizajan大的写法,改成以下比较简略的设定後,得到了近似的效果:
======
/*设定变数,可调整*/
:root{
--top:-61.7px;
--open: 0s;
--close: 0.5s;
--dur: 0.1s;
}
/*全画面上移*/
#content-deck {
margin-top: calc(var(--top) - 1px);
}
/*影片全萤幕时不上移*/
#main-window[inFullscreen]
#content-deck{
margin-top: 0px !important;
}
/*分页列底色设定*/
toolbar
#TabsToolbar
{
-moz-appearance: none !important;
background-color: #000000 !important;
}
#navigator-toolbox {
padding-top: 0px;
z-index: 99998;
transform: translate(0, var(--top));
transition: all var(--dur) ease-in var(--close);
}
#navigator-toolbox:hover,
#navigator-toolbox:focus-within {
transform: translate(0, 0);
transition: all var(--dur) ease-out var(--open);
}
#navigator-toolbox:hover
#PersonalToolbar{
transform: translate(0, 0) !important ;
transition: all calc(var(--dur) - 0.1s) ease-out var(--open) !important;
}
======
注:由於我是使用左侧自动隐藏的悬浮侧边栏,因此拿掉了书签列(PersonalToolbar)
的效果。
不过在此遇到了一个问题,就是滑鼠指到分页列特定位置时,整个列会立即缩回,
也就是某些特定位置没有hover的效果。见下图红色框框处:
https://imgur.com/YdiqrPM
恳请高手的帮助!
4/12更新
增加了以下的内容,但仍未完全解决。未开满分页的空间不知道该用什麽加以指定....
这是拿来移除「drag space」的,它是存在於分页列最後方的一小块空白区域
===
#TabsToolbar .titlebar-spacer{ display: none; }
===
另外,我下载了Load Progress Bar这个附加元件,想在最下方显示网页读取的状态
但是左下角一直会文字干扰,请问有办法隐藏吗?如果可以的话,也希望滑鼠指向
超连结时,於同一个地方也不会出现网址列。
(如下图)
https://imgur.com/zU0VUTd
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 101.136.235.52
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Browsers/M.1554884103.A.4DC.html
※ 编辑: JohnWalk (101.137.6.215), 04/12/2019 01:06:37
1F:推 kizajan: 我後来有改了 04/03 23:07