<-- IE錯誤修正 --> Scrollbar Customizer 隱藏瀏覽器捲動軸,可自訂尺寸或顏色樣式(Chrome 擴充功能) - RiS社群 | FileMaker 跨平台企業應用



快速發表主題
返回   RiS社群 | FileMaker 跨平台企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 2019-07-17
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 Scrollbar Customizer 隱藏瀏覽器捲動軸,可自訂尺寸或顏色樣式(Chrome 擴充功能)

Click the image to open in full size.

平時寫文章經常會需要網頁擷圖,搭配文字寫成圖文教學,我在擷圖時特別注重一些細節,例如瀏覽器捲動軸(或稱為滾動條,Scrollbar)可能會影響到擷取的畫面,這時候就得想辦法避開,以前我會使用可自動隱藏捲軸的瀏覽器,但後來瀏覽器似乎不再提供類似功能,於是現在抓圖偶爾跑出滾動條,看起來會像最前面這張圖片一樣,有點破壞畫面,不過之前沒有比較好的解決方案,一直到最近才發現可以透過瀏覽器外掛隱藏 Scrollbar。



本文要介紹的「Scrollbar Customizer」是一個 Google Chrome 瀏覽器擴充功能主要可針對瀏覽器的捲動軸進行設定調整,例如選擇不同的樣式,或是調整長寬尺寸和顏色等等,依照開發者說明,Scrollbar Customizer 主要是將設定後程式碼注入(Inject)網頁,讓捲動軸有不同的效果,因此不適用於受 Chrome 限制的特定網站,例如 Chrome 應用程式商店或設定頁面。

而我使用 Scrollbar Customizer 的原因在文章最前面已經說得很清楚,這個外掛有將瀏覽器捲軸隱藏的效果,如果你也想將瀏覽器的捲動軸隱藏可試試看安裝外掛。

擴充功能資訊

元件名稱:Scrollbar Customizer
適用平台:Chrome
程式語系:英文
安裝頁面:從 Chrome 線上應用程式商店下載

使用教學

STEP 1

在預設情況下瀏覽器的右側會在網頁內容過長時出現 Scrollbar,看起來像下圖這樣,方便使用者拖曳、捲動頁面或得知目前瀏覽位置。

Click the image to open in full size.

STEP 2

開啟 Chrome 線上應用程式商店下載 Scrollbar Customizer,安裝後會先跳出一個歡迎頁面,將頁面關閉,直接點選右上角的圖示開啟相關設定功能。

Click the image to open in full size.

STEP 3

預設情況下 Scrollbar Customizer 提供一些預先設定好的捲動軸樣式,例如粗、細、圓角和不同顏色的組合搭配,選取後可以從上方 Active Scrollbars 看到運作時的樣式,而沒有捲動滑鼠滾輪時的效果則是 Inactive Scrollbars。

Click the image to open in full size.

那麼要如何透過 Scrollbar Customizer 將瀏覽器捲動軸隱藏呢?選擇「Custom Style」開啟自訂樣式選項,將捲軸的寬度(Width)、高度(Height)都調整為 0 ,儲存後捲動軸就會消失。

Click the image to open in full size.

STEP 4

不過有沒有 Scrollbar 應該各有優缺,如果你覺得捲動軸看起來很礙眼,或根本不會用到,那可以考慮使用外掛功能將它隱藏,在瀏覽上會更舒適。

Click the image to open in full size.

值得一試的三個理由:
  1. 調整 Chrome 瀏覽器捲動軸(Scrollbar)樣式
  2. 可以讓瀏覽器捲動軸隱藏不顯示
  3. 自訂捲動軸的長度、寬度和顏色等項目
喜歡 Scrollbar Customizer 隱藏瀏覽器捲動軸,可自訂尺寸或顏色樣式(Chrome 擴充功能) 嗎?歡迎將免費資源網路社群加入書籤,以 Facebook、Twitter 或 LinkedIn 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆

主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +8。現在的時間是 04:10 AM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2019,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝明易資訊有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2