作者kizajan (Rybczynski)
看板Browsers
標題Re: [-Fx-] 隱藏上方頁籤列和工具列 (捲軸、分頁關閉按鈕)
時間Mon Jan 8 09:31:26 2018
* 2019.02更新 支援65.0.1 *
先看圖
效果圖1：
(游標移到上邊界,分頁列等向下劃出)
https://i.imgur.com/lyXjnHW.jpg
https://i.imgur.com/BqIFV8i.jpg
效果圖2：
(一般瀏覽時幾乎就像全螢幕模式一樣)
https://i.imgur.com/NiM5tTo.jpg
https://i.imgur.com/wvNsO3F.png
效果圖3：
(游標移至捲軸時顯示)
https://i.imgur.com/CmVtJe6.png
*影片小視窗是Enhancer For YouYube的功能)
效果圖4：
(內嵌視窗的捲軸)
https://i.imgur.com/Lkin7WM.jpg
配合windows自動隱藏開始工作列
幾乎完美全螢幕瀏覽網頁
檔案放上github:
https://goo.gl/cpQfak
另有使用自訂捲軸：
https://github.com/Aris-t2/Scrollbars
這裡用的是其中的method1,並多加了自動隱藏的視覺效果
(若游標不在捲軸上,使捲軸為透明)
其實隱藏捲軸還有其他方法,如：
https://goo.gl/rHfFGX
比較簡單,不過無法自訂顏色,且對內嵌視窗的捲軸無效
修改分頁上的關閉按鈕：
見
https://goo.gl/GT3oVd
非滑鼠游標移過不顯示,算是美觀的小要求
心得：畫面乾淨94爽！
以下是隱藏工作列的技術總結:
1.修改deck高度,將工作列除了預留的觸發範圍外
將其上移至螢幕邊緣外,游標移至邊緣時再觸發使工作列回彈
2.不喜歡書籤列的同學可以不顯示
3.有特殊需求的同學可隨自己喜好加入輔料
--
I'm gonna make her an offer she can't refuse. ♥
- The
Ghostfather
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.32.139.227
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Browsers/M.1515375100.A.3ED.html
1F：推 Kreen: 好看耶！可以加入 sidebar 自動顯示隱藏功能就更方便～～ 01/08 09:44
沒錯 是可以的
不過我自己是沒習慣使用sidebar...用不上手QQ
3F：→ Kreen: 邊，滑鼠滑過會顯示，離開會自己隱藏～ 01/08 09:54
側邊顯示推薦Tab Center Redux 可以把上方的東西通通拿掉惹
4F：推 oversky0: 我也是喜歡用全螢幕，不過自己改的版本一直有 bug， 01/08 12:00
5F：→ oversky0: 來參考看看你的寫法。 01/08 12:00
6F：推 mjsg: 感謝分享，看看有哪些需要的。 01/08 12:14
7F：推 grimms42191: 最後一個短網址多了info? 01/08 15:03
更新了一下 換個方式解決原本的小問題
※ 編輯: kizajan (114.32.139.227), 01/09/2018 07:40:40
8F：推 kaoh08: Firefox依然是自訂之王 01/10 04:22
※ 編輯: kizajan (114.32.139.227), 01/12/2018 02:50:18
※ 編輯: kizajan (114.32.139.227), 10/20/2018 07:41:16
做點小更新 可用在65.0.1囉！
※ 編輯: kizajan (114.32.139.227), 02/20/2019 18:55:38
※ 編輯: kizajan (114.32.139.227), 02/20/2019 19:20:22
因為某次更新之後
#content-deck被移除
網頁上方會有留黑邊的狀況
將
#cotent-deck改為#browser即可
另外自訂卷軸應該也不適用了 請自行搭配其他方法
github上我就不再次放檔案上去了
以上
※ 編輯: kizajan (114.32.139.227 臺灣), 11/06/2019 11:10:30