test - KI-gestütztes Web- & Mediendesign & Automatisierung

Sticky Image Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Suspendisse potenti. Ut fringilla. Nunc feugiat mi a tellus consequat imperdiet.

Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Scroll more content to test scrolling behavior…

Sticky Image Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Suspendisse potenti. Ut fringilla. Nunc feugiat mi a tellus consequat imperdiet.

Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Scroll more content to test scrolling behavior…

Sticky Image Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Suspendisse potenti. Ut fringilla. Nunc feugiat mi a tellus consequat imperdiet.

Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Scroll more content to test scrolling behavior…

Next Section

jQuery(function($){ var sticky = $('.sticky-image'); var offset = sticky.offset().top; var sectionBottom = $('.scroll-section').offset().top + $('.scroll-section').outerHeight(); $(window).scroll(function(){ var scroll = $(window).scrollTop(); if (scroll >= offset && scroll + sticky.height() < sectionBottom) { sticky.css({ position: 'fixed', top: 0 }); } else if (scroll + sticky.height() >= sectionBottom) { sticky.css({ position: 'absolute', top: 'auto', bottom: 0 }); } else { sticky.css({ position: 'relative', top: 'auto' }); } }); });

Kontakt

Sticky Image Test

Sticky Image Test

Sticky Image Test

Next Section

Copyright © 2025 | graylife.art

Kontakt

Menü