Re: [-Fx-] 隱藏上方頁籤列和工具列

看板Browsers (瀏覽器)作者 (Rybczynski)時間8年前 (2018/01/08 09:31), 6年前編輯推噓6(602)
留言8則, 5人參與, 8年前最新討論串2/4 (看更多)
* 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://www.ptt.cc/bbs/Browsers/M.1515375100.A.3ED.html

01/08 09:44, 8年前 , 1F
好看耶!可以加入 sidebar 自動顯示隱藏功能就更方便~~
01/08 09:44, 1F
沒錯 是可以的 不過我自己是沒習慣使用sidebar...用不上手QQ

01/08 09:54, 8年前 , 2F
01/08 09:54, 2F

01/08 09:54, 8年前 , 3F
邊,滑鼠滑過會顯示,離開會自己隱藏~
01/08 09:54, 3F
側邊顯示推薦Tab Center Redux 可以把上方的東西通通拿掉惹

01/08 12:00, 8年前 , 4F
我也是喜歡用全螢幕,不過自己改的版本一直有 bug,
01/08 12:00, 4F

01/08 12:00, 8年前 , 5F
來參考看看你的寫法。
01/08 12:00, 5F

01/08 12:14, 8年前 , 6F
感謝分享,看看有哪些需要的。
01/08 12:14, 6F

01/08 15:03, 8年前 , 7F
最後一個短網址多了info?
01/08 15:03, 7F
更新了一下 換個方式解決原本的小問題 ※ 編輯: kizajan (114.32.139.227), 01/09/2018 07:40:40

01/10 04:22, 8年前 , 8F
Firefox依然是自訂之王
01/10 04:22, 8F
※ 編輯: 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
文章代碼(AID): #1QKidyFj (Browsers)
文章代碼(AID): #1QKidyFj (Browsers)