首頁>文檔>ElementsKit教程>【elementskit中文版教程】粘性內容功能

需要支持?

如果通過文檔沒辦法解決您的問題,請提交工單獲取我們的支持!

【elementskit中文版教程】粘性內容功能

啟用粘性

向下滾動此模塊時,使您的任何部分都保持粘性。只需按照分步說明進行操作:

步驟=> 1:轉到Elementskit=>模塊=>確保您的粘性內容模塊處於活動狀態

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

添加圖片

讓我們將圖片部分粘貼到網站上

步驟=> 1:現在轉到元素=>搜索圖像=>拖放圖像部分

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

步驟=> 2:從“編輯”部分→“內容”選項卡 添加背景圖像

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

添加間距

添加空間以了解粘性部分及其工作方式

步驟=> 1:轉到元素=>搜索Spacer=>拖放Spacer部分

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

步驟=> 2:50增加到2000,以更好地理解

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

步驟=> 3:現在轉到高級=>背景=>背景類型=>經典圖標=>顏色=>從調色板向該空間添加背景顏色

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 該部分將顯示如下
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

加粘

  • 轉到“高級”選項卡->單擊“ElementsKit置頂”->選擇置頂選項“無”,“頂部”或“底部”,以粘貼圖像或內容
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

粘在上面

此功能將幫助您將圖片或任何粘貼在網站頂部的部分粘貼

  • 選擇粘性選項頂部從下拉列表中
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 即使向下滾動圖像,圖像仍會粘在頂部
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

粘性偏移

  • 您還可以在頂部設置要讓您的內容或圖片粘貼在哪個部分的計數
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

粘到

如果要使部分粘連到多個部分,並在特定部分之後停止粘連,則可以在此處設置該部分的ID / CLASS。例如:section1或section2

處理:

步驟=> 1:從此處添加標題

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 單擊標題=>插入
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 現在,從搜索框中添加三個墊片。讓我們把它叫做SECTION1,第2節,SECTION3相應的綠色,紅色和藍色=>改變墊片的尺寸背景顏色
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 從調色板中選擇顏色
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 現在將CSS ID設置為Red spacer: Section2
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 轉到標題=>編輯=>Elementskit粘滯=>直到粘滯。現在,在“粘滯直到”字段設置該部分CSS ID / CLASS您還可以從樣式更改背景顏色
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 現在您可以看到標題將保持粘性,直到紅色部分2
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 紅色部分之後,標題將消失
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

背景顏色變化

隨意更改粘滯部分的背景顏色

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

選擇設備

您還可以選擇設備,例如您希望內容是粘性的設備

  • Elements Sticky=>Sticky On=>僅選擇所有設備桌面,或者如果需要,可以選擇Desktop和Tablet
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

您可以從底部的響應式圖標進行檢查

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

底部粘

  • 選擇置頂選項底部,從下拉和下降圖像部分底部
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 即使向上滾動圖像,圖像仍會粘在底部
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

粘性偏移

您還可以在底部設置希望您的內容或圖片粘在哪個部分的空間

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

粘到

如果要使部分粘連到多個部分,並在特定部分之後停止粘連,則可以在此處設置該部分的ID / CLASS。例如:section1或section2

處理:

  • 步驟=> 1:從此處添加標題
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 步驟=> 2:點擊標題=>插入
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 步驟=> 3:現在,從添加三個間隔搜索框假設SECTION1,第2節,SECTION3相應綠,紅和藍=>改變墊片尺寸背景顏色
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 步驟=> 3: 從調色板中選擇顏色
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 步驟=> 4:現在將CSS ID設置為Red spacer: Section2
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

步驟=> 5: 現在在此處設置該部分CSS ID / CLASS。您還可以從樣式更改背景顏色

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

步驟=> 6: 現在您可以看到標題將保持粘性,直到紅色部分2

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

步驟=> 7: 紅色部分之後,標題將消失

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

背景顏色變化

隨時更改粘滯部分的背景顏色,粘滯開始時將顯示該顏色

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

 

選擇設備

您還可以選擇設備,例如您希望內容是粘性的設備

  • Elements Sticky=>Sticky On=>僅選擇所有設備桌面,或者如果需要,可以選擇Desktop和Tablet
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 您可以從底部的響應式圖標進行檢查
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

粘在列上

  • 選擇置頂選項列從下拉和下降圖像部分頂部
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 右鍵單擊圖標=>添加新列
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 將圖像拖放到新列
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 即使向下滾動圖像,該圖像仍會粘在新列上
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

粘性偏移

您還可以在列中設置要讓內容或圖片粘貼在哪個部分的空間

【elementskit中文版教程】粘性内容功能-黑WP-外贸建站

選擇設備

您還可以選擇設備,例如您希望內容是粘性的設備

  • Elements Sticky=>Sticky On=>僅選擇所有設備桌面,或者如果需要,可以選擇Desktop和Tablet
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
  • 您可以從底部的響應式圖標進行檢查
【elementskit中文版教程】粘性内容功能-黑WP-外贸建站
0 條回复 A文章作者 M管理員
    暫無討論,說說你的看法吧
個人中心
購物車
優惠劵
搜索