[WordPress] 外掛分享: Custom Scrollbar

首頁外掛目錄 › Custom Scrollbar
WordPress 外掛 Custom Scrollbar 的封面圖片
2,000+
安裝啟用
★★★★
4.7/5 分(7 則評價)
1714 天前
最後更新
問題解決
WordPress 3.4+ v1.3.8 上架:2015-07-03

內容簡介

使用捲軸改變過長垂直元素的外觀

你的網站佈局因為某些元素過長而出現問題嗎?

如果你遇到這樣的問題,這個外掛可以透過為該元素加上捲軸來修正它們的高度。

了解捲軸如何被創建

安裝完外掛後,到「控制台」->「外觀」->「捲軸」。設定選擇器和高度,就完成了。

注意:你需要基本的 CSS/jQuery 選擇器知識才能使用這個外掛。

多個選擇器

透過指定選擇器,你可以定義多個捲軸。

響應式設計

透過定義瀏覽器螢幕寬度的範圍,支援響應式設計。

自訂顏色

選擇自己喜歡的捲軸元素顏色。

自訂 CSS

定義自訂的 CSS 規則。

預設風格

從風格列表中選擇自己喜歡的風格。

Ajax 頁面加載處理

如果元素位於 Ajax 載入的元素中,即使如此捲軸仍會運作。

支援響應式設計

如果你想要在某些螢幕寬度下停用捲軸,你也可以這樣做。

支援的語言

英文
日文

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.3.8) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Custom Scrollbar」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Change the Look of Too Long Vertical Elements width a Scrollbar
Do you have too long elements sticking out and breaking the web site layout?
If you have such a problem, fix their height by adding a scrollbar to the element with this plugin.
See How a Scrollbar is Created

After installing it, go to Dashboard -> Appearance -> Scrollbars. Set a selector and height. That’s it.
Notes: you need a basic understanding of CSS/jQuery selectors to use this plugin.
Multiple Selectors
By specifying selectors, you can define multiple scrollbars.
Responsive
Supports responsive design by defining the range of browser screen widths for the scrollbar to appear.
Custom Colors
Pick custom colors for the scrollbar elements.
Custom CSS
Define custom CSS rules.
Predefined Styles
Pick you favorite style from a list.
Ajax Page Load Handling
Even if the elements is inside an element which loads with Ajax, your scrollbars will be initialized accordingly.
Supports Responsive Design
If you want to disable your scrollbars in certain screen widths, you can do so as well.
Supported Language

English
Japanese

延伸相關外掛

文章
Filter
Apply Filters
Mastodon