<div class="card card-custom card-sticky" id="kt_page_sticky_card">
<div class="card-header">
<div class="card-title">
<h3 class="card-label">
فرم با اکشن بار چسبنده<i class="mr-2"></i>
<small class="">صفحه را اسکرول کنید</small>
</h3>
</div>
</div>
<div class="card-body">
...
</div>
</div>
"use strict";
var KTچیدمانچسبناکCard=function() {
// خصوصی properties
var _element;
var _object;
// خصوصی functions
var _init=function() {
var offset=300;
if (typeof KTچیدمانHeader !=='undefined') {
offset=KTچیدمانHeader.getارتفاع();
}
_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 KTچیدمانHeader !=='undefined'&& KTچیدمانHeader.isثابت()) {
pos=pos + KTچیدمانHeader.getارتفاع();
}
if (typeof KTچیدمانزیر هدر !=='undefined'&& KTچیدمانزیر هدر.isثابت()) {
pos=pos + KTچیدمانزیر هدر.getارتفاع();
}
}
else {
if (typeof KTچیدمانHeader !=='undefined'&& KTچیدمانHeader.isثابتForMobile()) {
pos=pos + KTچیدمانHeader.getارتفاعForMobile();
}
}
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.rtl.css(_element, 'width'));
var bodyWidth=parseInt(KTUtil.rtl.css(body, 'width'));
var cardآفستراست=KTUtil.offset(_element).left;
return bodyWidth - cardWidth - cardآفستراست;
}
}
}
}
);
_object.initچسبناک();
KTUtil.addResizeHandler(function() {
_object.updateچسبناک();
}
);
}
// Public methods
return {
init: function(id) {
_element=KTUtil.getById(id);
if ( !_element) {
return;
}
// Initialize
_init();
},
update: function() {
if (_object) {
_object.updateچسبناک();
}
}
};
}();
// UI/UX طرحpack support
if (typeof module !=='undefined') {
module.exports=KTچیدمانچسبناکCard;
}