<div class="card card-custom card-sticky" id="kt_page_sticky_card">
<div class="card-header">
<div class="card-title">
<h3 class="card-label">
Sticky Form Actions <i class="mr-2"></i>
<small class="">try to scroll the page</small>
</h3>
</div>
</div>
<div class="card-body">
...
</div>
</div>
"use strict";
var KTLayoutStickyCard=function() {
// Private properties
var _element;
var _object;
// Private functions
var _init=function() {
var offset=300;
if (typeof KTLayoutHeader !=='undefined') {
offset=KTLayoutHeader.getHeight();
}
_object=new KTCard(_element, {
sticky: {
offset: offset,
zIndex: 90,
position: {
top: function() {
var pos=0;
var body=KTUtil.getBody();
if (KTUtil.isBreakpointUp('lg')) {
if (typeof KTLayoutHeader !=='undefined'&& KTLayoutHeader.isFixed()) {
pos=pos + KTLayoutHeader.getHeight();
}
if (typeof KTLayoutSubheader !=='undefined'&& KTLayoutSubheader.isFixed()) {
pos=pos + KTLayoutSubheader.getHeight();
}
}
else {
if (typeof KTLayoutHeader !=='undefined'&& KTLayoutHeader.isFixedForMobile()) {
pos=pos + KTLayoutHeader.getHeightForMobile();
}
}
pos=pos - 1; // remove header border width
return pos;
},
left: function(card) {
return KTUtil.offset(_element).left;
},
right: function(card) {
var body=KTUtil.getBody();
var cardWidth=parseInt(KTUtil.css(_element, 'width'));
var bodyWidth=parseInt(KTUtil.css(body, 'width'));
var cardOffsetLeft=KTUtil.offset(_element).left;
return bodyWidth - cardWidth - cardOffsetLeft;
}
}
}
}
);
_object.initSticky();
KTUtil.addResizeHandler(function() {
_object.updateSticky();
}
);
}
// Public methods
return {
init: function(id) {
_element=KTUtil.getById(id);
if ( !_element) {
return;
}
// Initialize
_init();
},
update: function() {
if (_object) {
_object.updateSticky();
}
}
};
}();
// Webpack support
if (typeof module !=='undefined') {
module.exports=KTLayoutStickyCard;
}
Lorem Ipsum is simply dummy text of the printing and industry.
There are many variations of passages of Lorem Ipsum available.
Contrary to popular belief, Lorem Ipsum is not simply random text.
If you are going to use a passage of Lorem Ipsum, you need.
To start a blog, think of a topic about and first brainstorm ways to write details
To start a blog, think of a topic about and first brainstorm ways to write details
To start a blog, think of a topic about and first brainstorm ways to write details
To start a blog, think of a topic about and first brainstorm ways to write details