
內容簡介
JetSticky 是一款外掛,可讓使用 Elementor 建立的區段和欄位具有固定效果,在頁面向上或向下滾動時總是保持在視線中。
當您需要將標題和區塊固定在畫面上時,該外掛非常適合使用。
固定區段效果
要添加一個固定區段,您需要:
前往 Elementor 編輯器頁面;
為您要應用固定效果的其中一個區段點擊「編輯區段」選項;
打開進階設定,在 JetSticky 區塊中啟用固定區域效果。
啟用後,您將可設定各種樣式,以在用戶滾動頁面且該區段縮小時改變其外觀。
固定區段效果的主要功能如下:
固定區段可見性 - 允許您在桌面、平板電腦或移動設備上使區段固定;
高度屬性 - 提供添加深度到內容的機會,使區段總是顯示在頁面頂部或某些已顯示元素的後面;
固定區段樣式 - 包括多個標準化設定,可更改區段的填充值、背景類型等
轉換持續時間 - 允許您更改區段的轉換時間。
固定欄位效果
要使用欄位的固定效果,您需要:
前往 Elementor 編輯器頁面;
為您要應用固定效果的其中一個欄位點擊「編輯欄位」選項;
打開進階設定,在此啟用固定欄位效果。
啟用效果後,您將能夠更改頂部和底部間距值,選擇僅在桌面、平板電腦或移動設備上顯示效果。
外掛標籤
開發者團隊
原文外掛簡介
JetSticky is the plugin which allows to make the sections and columns built with Elementor sticky, keeping them always within your sight when the page is scrolled up or down.
The plugin is perfect for creating sticky headers and blocks, when you need them to be always seen.
Sticky Section Effect
To add a sticky section you’ll have to:
Navigate to Elementor editor page;
Click Edit Section option for one of the sections to which you want to apply Sticky effect;
Open Advanced settings and here enable Sticky Section effect in Jet Sticky block.
After that you’ll have access to lots of style settings that provide opportunity to change the section’s appearance when one scrolls the page and the section moves as you scroll the content up or down.
Key Features for Sticky Section Effect:
Sticky Section Visibility – allows to make the section sticky on desktop, tablet or mobile device, depending on your needs.
Z-index – provides opportunity to add the depth to the content, making the section show always on top or behind some of the elements shown on the page.
Sticky Section Style – includes multiple stylization settings for the sticky section, allowing to change the section’s padding values, background type, etc.
Transition Duration – allows to change the time of the section’s transition.
Sticky Column Effect
To use the sticky effect for the column you need to:
Navigate to Elementor editor page;
Click Edit Column option for one of the columns to which you want to apply Sticky effect.
Open Advanced settings and here enable Sticky Column effect.
After the effect is active you’ll be able to change top and bottom spacing values, choose to display the effect on desktops, tablets or mobile devices only.
