Re: [-Fx-] 隱藏上方頁籤列和工具列 (捲軸、分頁關閉按鈕)

[kizajan (Rybczynski)]

   * 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
推 Kreen: 好看耶！可以加入 sidebar 自動顯示隱藏功能就更方便～～
  沒錯 是可以的
  不過我自己是沒習慣使用sidebar...用不上手QQ
推 Kreen: https://www.codepile.net/pile/pBrwxA5Q 試試看，在螢幕右
→ Kreen: 邊，滑鼠滑過會顯示，離開會自己隱藏～
  側邊顯示推薦Tab Center Redux 可以把上方的東西通通拿掉惹
推 oversky0: 我也是喜歡用全螢幕，不過自己改的版本一直有 bug，
→ oversky0: 來參考看看你的寫法。
推 mjsg: 感謝分享，看看有哪些需要的。
推 grimms42191: 最後一個短網址多了info?
更新了一下 換個方式解決原本的小問題
※ 編輯: kizajan (114.32.139.227), 01/09/2018 07:40:40
推 kaoh08: Firefox依然是自訂之王
※ 編輯: 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