這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Advanced Sticky Header

外掛說明

Simple, easy yet very useful and configurable sticky header / fixed header plugin.

Just specify class name in options page and it gets sticky!.

Available Options:

  • Header Class: Enter class name of your header or nav element that you want to make sticky.
  • Animate: This brings header into display with animation type that you select below, default is ‘Fade In’.
  • Animation Type: Transition style for header when it becomes sticky
  • Shadow: Header will have shadow when it becomes sticky
  • Sticky Already: Makes header sticky when page loads

Please Note

Make sure your header’s z-index’s value is high enough to not get overlapped by other elements on the page.
**Example: **
.header-class { z-index: 9999; }

If you have suggestions for a new add-on, feel free to email me at danishiqbalscorpio@gmail.com

螢幕擷圖

  • Options page

  • Finding element's Class Name. Right click on header that you want to make sticky, Click 'Inspect' or 'Inspect Element'.

  • When element is completely highlighted, that is the element you want to make sticky... Copy it's class and paste it in the options page.

安裝方式

  1. Upload ‘advanced-sticky-header.zip’ to the ‘/wp-content/plugins/’ directory,
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Goto Advanced Sticky Header menu in WordPress, enter your header’s class in ‘Header Class:’ option.

使用者評論

2016 年 10 月 27 日
Hi, Thank you for this plugin. It has been a good help to me for my project. It worked fine exactly what I was looking for. Thank you
閱讀全部 2 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Advanced Sticky Header〉的開發相關工作。

參與者

將〈Advanced Sticky Header〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0