作者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