sticky element on scroll js code example
Example 1: sticky operations in javascript
var siteHeader = document.getElementById('siteHeader'),
siteNav = document.getElementById('siteNav');
window.onscroll = function() {
if ( siteNav.offsetTop < document.documentElement.scrollTop + 26 || siteNav.offsetTop < document.body.scrollTop + 26) {
siteHeader.setAttribute("class","sticky");
}
else {
siteHeader.setAttribute("class","");
}
}
Example 2: Inner Section Sticky Scroll in elementor
.titlesticky{
position: sticky;
position: -webkit-sticky;
top: 3rem;
}
.parent-sticky
.elementor-widget-wrap {
display: block!important;
}