Get All 8 Plugins for $749

($4,146)

Ends February 22th

Popular Search headermenumegametformsidefod

Sticky Content Module

Indholdsfortegnelse

Det Sticky Content module of ElementsKit lets you make any section of the page or post sticky to a selected position.

Watch the video guide:

Steps to Use ElementsKit Sticky Content:

  • Gå til ElementsKit → Moduler → Enable Sticky indhold → Save.
  • Open page in Elementor.
  • Select section/column/widget → Advanced → ElementsKit Sticky.
  • Choose Sticky Type (Top / Bottom / Scroll Up / Column).
  • Set Offset, Sticky Until (CSS ID), Background if needed.
  • Update and test on devices.

Follow the detailed step by step instructions:

Steps 1: Enable Sticky Content Module #

To start using the Sticky Content module, the first thing you should do is to enable this from the list of ElementsKit modules. Go to ElementsKit from your dashboard and follow the steps:

  1. ElementsKit under ElementsKit plugin
  2. Go to MODULES
  3. Toggle the Sticky Content module PÅ
  4. Klik på Gem ændringer
Turn ON ElementsKit Sticky Content and save changes

Steps 2: Sticky on Top #

Denne funktion vil hjælpe dig med at holde ethvert afsnit øverst på siden.

Se vores videoguide:

Eller følg trin for trin instruktionerne:

  • Naviger til ElementsKit→ Sidehoved Footer→ klik Rediger med Elementor.
Find Header Footer of ElementsKit find Header and Edit with Elementor
  • Opret en ny side-> Klik på ElementsKit-ikon for at indsætte en klar side fra vores færdiglavede skabeloner.
insert any ready page from our premade templates
  1. Klik på Indre sektion ikon.
  2. Gå til Fremskreden
  3. Udvid ElementsKit Sticky.
  4. Vælg Sticky option➔ Top fra rullemenuen
Add sticky at the Top
  • Gå nu til din side-> Du kan se, at din header er klæbrig på toppen.
Header is Sticky on the Top

Baggrundsfarveændring af Sticky på toppen #

You can change the background color whenever you need. Under the Sticky Until feature, you can find the option to change the background color of the sticky section.

  • Vælg en klæbrig baggrundsfarve: Blue.
  • Klik på Opdater
Change sticky background color

Sticky indtil på toppen #

Hvis du vil gøre dine sektioner klæbrige op til flere sektioner og stoppe klæbrige efter en specifik sektion, kan du indstille det sektions-id her. Lad os gøre det klistret indtil afsnittet Om os.

  • Klik på Rediger med Elementor.
Rediger med Elementor
  1. Klik på Our School Goals 2019 inner section icon
  2. Gå til Avanceret
  3. Find Layout
Click inner section go to Advanced and find layout

Indstil CSS ID and Copy it.

Set the CSS ID and Copy it
  • Gå til Header➔Fremskreden➔Elementskit Sticky➔Sticky Indtil.
  • Indsæt nu det om os sektioner CSS ID ind i Sticky Indtil Mark.
Click Header's inner section go to ElementsKit Sticky and find Sticky Until and paste the CSS ID
  • Nu kan du se overskriften er Sticky Until the Our School Goals 2019 Section.
Sticky Indtil

Klasse Tilføj funktion #

Når du bruger en gennemsigtig header, kan du støde på et problem med baggrundsfarven. Hvis du ruller ned, har du muligvis brug for en baggrundsfarve. Så herinde giver ElementsKit dig en anden mulighed, og det er en klasse tilføjende funktion. Hvis du scroller ned for eksempel 50px, vil en ny klasse blive tilføjet, og det er "ekit-sticky-effects". Ved at bruge denne klasse kan du lave hvilken som helst CSS du ønsker. Lad os se, hvordan du kan gøre det.

  • Gå til Customizer-> Yderligere CSS.
  • Brug klassen: "ekit-sticky-effekter" og lav baggrundsfarven Grå.
  • Gå til overskrift-> Fjern Baggrundsfarve.
  • Tilføj offset. For eksempel: 50px.
  • Du kan se baggrundsfarven er Gennemsigtig. Men efter at have scrollet op til 50px, tilføjes en baggrundsfarve.

Sticky Offset på toppen #

  • Du kan bestemme mængden af plads, der skal være tilbage, mens dit indhold eller billede vil være klistret på toppen. Du kan gøre det samme for andre klæbrige stillinger. Giv den klæbrige offset: 100px. Du kan se, at overskriften vises efter 100px.
  • Der er tre valgmuligheder for enheden, som du kan bruge til at vise sticky: Alle enheder, kun desktop, desktop og tablet. Vælg en mulighed for at bestemme nøjagtigt, i hvilken enhed(er) du vil vise indholdet som klæbrigt.

Vis Sticky på Scroll Up #

Denne funktion hjælper dig med at holde fast i enhver sektion af siden, når du ruller op.

Se vores videoguide:

Eller følg trin for trin instruktionerne:

  • Klik på ElementsKit-ikon for at indsætte et hvilket som helst header fra vores forudlavede skabeloner.
  • Klik på Indre sektion ikon.
  • Gå til Fremskreden-> Udvid ElementsKit Sticky.
  • Vælg sticky option➔ Vis på Scroll Up fra rullemenuen.

Gå til Elementer ➔ Træk følgende widgets og slip på det valgte område.

  • Overskrift.
  • Kreativ knap.
  • Billede.
  • Overskrift.
  • Video.
  • Klik på Opdater-> Gå til din side-> Opdater-> Rul op.
  • Du kan se, at overskriften er klæbrig, når du ruller op.

Sticky Indtil på Scroll Up #

Lad os gøre det klæbrigt indtil sektionen Sticky Header.

  • Klik på den klæbende overskrift Indre sektion ikon.
  • Gå nu til de avancerede indstillinger, indstil CSS ID, og kopier det.
  • Klik på den klæbrige navigationsoverskrift Indre sektion ikon.
  • Gå til Fremskreden➔ Elementskit Sticky➔ Sticky Indtil.
  • Indsæt nu de klæbrige overskrifter CSS ID ind i Sticky Indtil Mark.
  • Klik på Opdater-> Gå til hjemmesiden-> Opdater-> Rul op.
  • Nu kan du se, at overskriften er Sticky. Indtil den klæbende overskriftssektion, og når videosektionen kommer ind, er overskriften ikke mere klæbrig.

Sticky på bunden #

Denne funktion vil hjælpe dig med at holde et hvilket som helst afsnit nederst på siden.

Se vores videoguide:

Eller følg trin for trin instruktionerne:

  • Klik på ElementsKit-ikon for at indsætte en sidefod fra vores færdiglavede skabeloner.

Gå til Elementer ➔ Træk følgende widgets og slip på det valgte område.

  • Overskrift.
  • Kundelogo.
  • Video.
  • Overskrift.
  • Klik på Sidefod indre sektion ikon.
  • Gå til Fremskreden-> Udvid ElementsKit Sticky.
  • Vælg sticky option➔ Bund fra rullemenuen.
  • Klik på Opdater-> Gå til din side-> Opdater-> Rul op.
  • Du kan se, at sidefoden er klistret, når du ruller op.

Sticky indtil på bunden #

Lad os gøre den klæbrig indtil den nederste klæbrige sektion.

  • Klik på Bund klæbrig Indre sektion ikon.
  • Gå nu til de avancerede indstillinger, indstil CSS ID, og kopier det.
  • Klik på sidefoden Indre sektion ikon.
  • Gå til Fremskreden➔ Elementskit Sticky➔ Sticky Indtil.
  • Indsæt nu den nederste klæbrige sektion CSS ID ind i Sticky Indtil Mark.
  • Klik på Opdater-> Gå til hjemmesiden-> Opdater-> Rul op.
  • Nu kan du se, at overskriften er Sticky. Indtil den nederste klæbrige sektion, og når klientlogo-sektionen kommer i, er sidefoden ikke mere klæbrig.

Sticky på kolonne #

Denne funktion vil hjælpe dig med at sætte ethvert afsnit på kolonnen.

Se vores videoguide:

Eller følg trin for trin instruktionerne:

  • Vælg din struktur fra det valgte område. Her tager jeg 3 kolonner.

Gå til Elementer ➔ Træk følgende widgets og slip på det valgte område.

  • Overskrift.
  • Billede.
  • Ikon boks.

Lad os gøre overskriften og billedsektionen klæbrig.

  • Klik på Overskrift indre sektion ikon.
  • Gå til Fremskreden-> Udvid ElementsKit Sticky.
  • Vælg den klæbende indstilling➔ Kolonne fra rullemenuen.
  • Klik på Billede indre sektion ikon.
  • Gå til Fremskreden-> Udvid ElementsKit Sticky.
  • Vælg den klæbende indstilling➔ Kolonne fra rullemenuen.
  • Klik på Opdater-> Gå til din side-> Opdater-> Rul ned.
  • Du kan se, at overskriften og billedet er klistret, og indholdet i højre side af ikonboksen bevæger sig stadig.

Hvad er dine følelser

Updated on februar 22, 2026