[only_ai_blog] .section-aside-wrap-block{/*position: sticky;top: 0;left: 0;*/padding: 5px;background-color: #f5f5f5;} [only_ai_blog] .section-aside-wrap-block .progress-tracker{width: 100%;height: 20px;} [only_ai_blog] .section-aside-wrap-block .progress-tracker .current-progress{display: flex;align-items: center;width: 0;background-color: #61ce70;height: 100%;position: relative;} [only_ai_blog] .section-aside-wrap-block .progress-tracker .current-progress-percentage{position: absolute;right: 0;top: 0;opacity: 0;transition: all .35s ease;} [only_ai_blog] .section-aside-wrap-block .progress-tracker .current-progress-percentage.show{opacity: 1;} [only_ai_blog] .section-aside-wrap-block .widget-header{padding: 20px 15px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #dadddf;} [only_ai_blog] .section-aside-wrap-block .widget-header .title{font-size: 20px;flex: 1;margin-right: 15px;} [only_ai_blog] .section-aside-wrap-block .widget-header .btn-toggle{cursor: pointer;line-height: 1;} [only_ai_blog] .section-aside-wrap-block .widget-body{padding: 20px 15px 15px;max-height: calc(100vh – var(–bs-visible-height) – 106px);overflow: auto;} [only_ai_blog] .section-aside-wrap-block .widget-body li{padding: 3px 0;} [only_ai_blog] .section-aside-wrap-block .widget-body li a{color: var(–bs-theme-color);font-size: 14px;line-height: 1.5;font-weight: 600;} [only_ai_blog] .section-aside-wrap-block .widget-body li a::before{content: “”;width: 8px;height: 8px;margin: 0 5px 1px 2px;border-radius: 50%;border: 1px solid;display: inline-block;box-sizing: border-box;transition: all .25s linear;} [only_ai_blog] .section-aside-wrap-block .widget-body li.active a::before{width: 12px;height: 12px;margin: 0 6px 0 0;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-of-type(6n+1) a::before {border-color: #0389ff;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-of-type(6n+2) a::before {border-color: #7d3f98;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-of-type(6n+3) a::before {border-color: #fe5000;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-of-type(6n+4) a::before {border-color: #2292a7;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-of-type(6n+5) a::before {border-color: #ff4f81;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-of-type(6n) a::before {border-color: #49c0b6;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-of-type(6n+1).active a::before {background-color: #0389ff;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-child(6n+2).active a::before {background-color: #7d3f98;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-child(6n+3).active a::before {background-color: #fe5000;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-child(6n+4).active a::before {background-color: #2292a7;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-child(6n+5).active a::before {background-color: #ff4f81;} [only_ai_blog] .section-aside-wrap-block .list-item:nth-child(6n).active a::before {background-color: #49c0b6;}
// Expand and collapse the sidebar directory
$(‘.widget-header .btn-toggle’).on(‘click’,function(){
let parents = $(this).parents(‘.table-of-contents’);
if($(‘.widget-body’,parents).is(‘:hidden’)){
$(‘.widget-body’,parents).slideDown();
}else{
$(‘.widget-body’,parents).slideUp();
}
})
리암
리엄은 난닝 파이지 제지(Nanning Paiji Paper Industry Co., Ltd.)에서 헌신적인 마케팅 전문가로 근무하며, 제지 산업에 대한 풍부한 전문 지식을 보유하고 있습니다. 업계에 대한 깊은 이해와 지식 공유에 대한 열정을 바탕으로, 리엄은 회사 전문 블로그를 자주 업데이트하고 있습니다.
[only_ai_blog] .section-detail-wrap-block .widget-container p{font-size:16px;line-height:2;margin-bottom:16px} [only_ai_blog] .section-detail-wrap-block .widget-container a{color:var(–bs-link-color);transition:all .35s ease} [only_ai_blog] .section-detail-wrap-block .widget-container a:hover{color:var(–bs-link-hover-color)} [only_ai_blog] .section-detail-wrap-block .wp-block-wrap{padding:20px 25px;background-color:#f5f5f5} [only_ai_blog] .section-detail-wrap-block .wp-block-wrap+.wp-block-wrap{margin-top:5px} [only_ai_blog] .section-detail-wrap-block .wp-block-image{padding:20px 30px;text-align:center} [only_ai_blog] .section-detail-wrap-block .wp-block-image img{width:100%} [only_ai_blog] .section-detail-wrap-block .lwptoc{width:calc(100% + 30px);margin:32px -15px;padding:14px 18px 18px;background-color:#fafafa} [only_ai_blog] .section-detail-wrap-block .lwptoc .lwptoc_header{font-size:16px} [only_ai_blog] .section-detail-wrap-block .lwptoc .lwptoc_header b{margin-right:4px;font-weight:700} [only_ai_blog] .section-detail-wrap-block .lwptoc .lwptoc_header i{vertical-align:middle;display:inline-block;line-height:1;font-size:12.8px} [only_ai_blog] .section-detail-wrap-block .lwptoc .lwptoc_header a{display:inline-block;margin:0 4px;font-size:12.8px} [only_ai_blog] .section-detail-wrap-block .lwptoc .lwptoc_items{padding-top:10px} [only_ai_blog] .section-detail-wrap-block .lwptoc .lwptoc_item{padding:6px 0} [only_ai_blog] .section-detail-wrap-block .lwptoc .lwptoc_item a:hover{border-bottom:1px dotted} [only_ai_blog] .section-detail-wrap-block .wp-block-heading{margin:8px 0 16px;color:#222;font-size:24px;font-weight:700;scroll-margin-top:100px} [only_ai_blog] .section-detail-wrap-block .wp-block-heading::before{content:””;width:14px;height:14px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:12px} [only_ai_blog] .section-detail-wrap-block .wp-block-heading span{scroll-margin-top:100px} [only_ai_blog] .section-detail-wrap-block .wp-block-wrap:nth-of-type(6n+1) h2::before{background-color:#0389ff} [only_ai_blog] .section-detail-wrap-block .wp-block-wrap:nth-of-type(6n+2) h2::before{background-color:#7d3f98} [only_ai_blog] .section-detail-wrap-block .wp-block-wrap:nth-of-type(6n+3) h2::before{background-color:#fe5000} [only_ai_blog] .section-detail-wrap-block .wp-block-wrap:nth-of-type(6n+4) h2::before{background-color:#2292a7} [only_ai_blog] .section-detail-wrap-block .wp-block-wrap:nth-of-type(6n+5) h2::before{background-color:#ff4f81} [only_ai_blog] .section-detail-wrap-block .wp-block-wrap:nth-of-type(6n) h2::before{background-color:#49c0b6} [only_ai_blog] .wp-block-accordion{margin-top:10px} [only_ai_blog] .wp-block-accordion .accordion-item .item-header{cursor:pointer;color:var(–bs-theme-color);display:flex;justify-content:flex-start;align-items:center;border:1px solid #eee;border-bottom:none;padding:8px 12px} [only_ai_blog] .wp-block-accordion .accordion-item .item-header i{line-height:1;width:20px;height:20px;position:relative} [only_ai_blog] .wp-block-accordion .accordion-item .item-header i::after, [only_ai_blog] .wp-block-accordion .accordion-item .item-header i::before{content:”;width:14px;height:2px;position:absolute;top:0;left:calc(50% – 7px);top:calc(50% – 1px);transition:all .35s ease;background-color:var(–bs-theme-color)} [only_ai_blog] .wp-block-accordion .accordion-item .item-header i::after{transform:rotate(90deg)} [only_ai_blog] .wp-block-accordion .accordion-item.active .item-header i::after{opacity:0} [only_ai_blog] .wp-block-accordion .accordion-item .item-header .title{font-size:16px;flex:1;margin-left:12px} [only_ai_blog] .wp-block-accordion .accordion-item .item-content{border:1px solid #eee;border-bottom:none;padding:24px;font-size:16px;line-height:2} [only_ai_blog] .wp-block-accordion .accordion-item .item-content p:last-of-type{margin-bottom:0} [only_ai_blog] .wp-block-accordion .accordion-item:last-child .item-content{border-bottom:1px solid #eee} [only_ai_blog] .wp-block-accordion .accordion-item:last-child:not(.active) .item-header{border-bottom:1px solid #eee} [only_ai_blog] .related-items .related-item .item-inner{display:flex;justify-content:space-between} [only_ai_blog] .related-items .related-item .item-img{width:21%} [only_ai_blog] .related-items .related-item .item-img img{width:100%;height: 100%;} [only_ai_blog] .related-items .related-item .item-info{width:79%;padding:4px 0 4px 18px;display: flex;flex-direction: column;justify-content: space-between;} [only_ai_blog] .related-items .related-item .item-title{font-size:16px;font-weight:700;color:var(–bs-theme-color);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} [only_ai_blog] .related-items .related-item+.related-item{margin-top:18px} [only_ai_blog] .related-items .related-item .item-desc{margin-top: 12px;font-size:12px;font-weight:400;color:#666;;display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 15px;} [only_ai_blog] .section-detail-wrap-block .tags-wrap{padding:20px 25px;background-color:#f5f5f5;margin-top:5px;display:flex;flex-wrap:wrap} [only_ai_blog] .section-detail-wrap-block .tags-wrap h4{font-size:18px;font-weight:700} [only_ai_blog] .section-detail-wrap-block .tags-wrap .tags-list{margin-left:20px;flex:1} [only_ai_blog] .section-detail-wrap-block .tags-wrap .tags-list a{color:var(–bs-link-color);vertical-align:middle;transition:all .35s ease} [only_ai_blog] .section-detail-wrap-block .tags-wrap .tags-list a:hover{color:var(–bs-link-hover-color)} [only_ai_blog] .section-detail-wrap-block .tags-wrap .tags-list ul{padding:2px 4px;background-color:#fff;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;max-width:100%} [only_ai_blog] .section-detail-wrap-block .tags-wrap .tags-list li{font-size:12px;color:var(–bs-theme-color);font-weight:700} [only_ai_blog] .section-detail-wrap-block .tags-wrap .tags-list li+li::before{content:”|”;font-weight:400;color:#8c9093;vertical-align:middle;line-height:1;display:inline-block;margin:0 4px} [only_ai_blog] .section-detail-wrap-block .author-wrap{padding:20px 25px;background-color:#f5f5f5;margin-top:5px} [only_ai_blog] .author-wrap .post-info{margin-bottom:20px} [only_ai_blog] .author-wrap .post-info .item{display:inline-flex;color:var(–bs-theme-color);align-items:center;justify-content:flex-start;margin-right:12px;font-size:16px} [only_ai_blog] .author-wrap .post-info .item i{color:var(–bs-theme-color);display:inline-block;margin-right:5px;line-height:1} [only_ai_blog] .author-wrap .post-info .item i svg{fill:currentColor} [only_ai_blog] .author-wrap .author-box{margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between} [only_ai_blog] .author-wrap .author-box .item-img{width:100px;border-radius:50%;aspect-ratio:1/1;overflow:hidden} [only_ai_blog] .author-wrap .author-box .item-img img{width:100%;height:100%;object-fit:cover} [only_ai_blog] .author-wrap .author-box .item-info{width:calc(100% – 100px);padding:0 0 0 25px} [only_ai_blog] .author-wrap .author-box .item-info .item-title{font-size:24px;font-weight:700;margin-bottom:5px} [only_ai_blog] .author-wrap .author-box .item-info .item-desc{font-size:17px;line-height:1.88} [only_ai_blog] .post-navigation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap} [only_ai_blog] .post-navigation .post-nav-prev::after{content:””;width:1px;height:100%;background-color:#d5d8dc;position:absolute;top:0;right:0} [only_ai_blog] .post-navigation .post-nav-link{width:50%;position:relative} [only_ai_blog] .post-navigation .post-nav-link .item-link{display:flex;align-items:center;justify-content:space-between;column-gap:15px;width:100%;overflow:hidden} [only_ai_blog] .post-navigation .post-nav-next .item-link{flex-direction:row-reverse;text-align:right;padding-left:5px} [only_ai_blog] .post-navigation .post-nav-prev .item-link{padding-right:5px} [only_ai_blog] .post-navigation .post-nav-link i{line-height:1} [only_ai_blog] .post-navigation .post-nav-link i svg{width:20px;height:20px} [only_ai_blog] .post-navigation .post-nav-link .item-info{width:calc(100% – 35px);font-size:12.8px;line-height:32px;color:var(–bs-theme-color)} [only_ai_blog] .post-navigation .post-nav-link .item-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} [only_ai_blog] .post-navigation .post-nav-link span{display:block} [only_ai_blog] .post-navigation .post-nav-next{margin-left: auto;} /* new sta */ [only_ai_blog] .pie-chart{float: right;width: 420px;padding: 0 0 0 20px;} [only_ai_blog] .pie-chart::after{content: ”;display: table;clear: both;} [only_ai_blog] .pie-chart h1{font-size: 16px;text-align: center;} [only_ai_blog] .pie-chart h2{font-size: 14px;text-align: center;} [only_ai_blog] .section-detail-wrap-block .widget-container .pie-chart p{font-size: 14px;margin-top: 10px;margin-bottom: 10px;} [only_ai_blog] .third-img, [only_ai_blog] .product-outline{float: left;} [only_ai_blog] .third-img::after, [only_ai_blog] .product-outline::after{content: ”;display: table;clear: both;} [only_ai_blog] .section-detail-wrap-block .wp-block-image.third-img, [only_ai_blog] .section-detail-wrap-block .wp-block-image.product-outline{width: 420px;padding: 10px 20px 10px 0;} [only_ai_blog] .section-detail-wrap-block .wp-block-image.product-outline{padding-bottom: 0;} [only_ai_blog] .section-detail-wrap-block .wp-block-image.product-outline p{font-size: 14px;margin-top: 10px;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} [only_ai_blog] #chartContainer canvas{margin: 0 auto;max-width: 600px;aspect-ratio: 2 / 1;width: 100% !important;height: auto !important;} [only_ai_blog] #chartContainer {margin: 15px 0;} [only_ai_blog] .bar-chart canvas{height: auto !important;} [only_ai_blog] .bar-chart>div{width: 100% !important;height: auto !important;} [only_ai_blog] .pie-chart>div{width: 100% !important;} [only_ai_blog] .section-detail-wrap-block .wp-block-wrap{overflow: hidden;} @media only screen and (max-width:1080px){ [only_ai_blog] #chartContainer {height: auto !important;} } @media only screen and (max-width:768px){ [only_ai_blog] .pie-chart{width: 320px;} [only_ai_blog] .pie-chart>div{width: 100% !important;height: auto !important;aspect-ratio: 1 / 1;} } @media only screen and (max-width:640px){ [only_ai_blog] .pie-chart{width: 100%;float: none;padding: 0;} [only_ai_blog] .section-detail-wrap-block .wp-block-image.third-img, [only_ai_blog] .section-detail-wrap-block .wp-block-image.product-outline{width: 220px;} } @media only screen and (max-width:480px){ [only_ai_blog] .pie-chart h1{font-size: 14px;} [only_ai_blog] .pie-chart h2{font-size: 12px;} [only_ai_blog] .section-detail-wrap-block .widget-container .pie-chart p{font-size: 12px;} [only_ai_blog] .section-detail-wrap-block .wp-block-image.third-img, [only_ai_blog] .section-detail-wrap-block .wp-block-image.product-outline{width: 100%;float: none;} } /* new end */ @media only screen and (max-width:992px){ [only_ai_blog] .section-aside-wrap-block .widget-body, [only_ai_blog] .section-aside-wrap-block .widget-header{padding:10px} [only_ai_blog] .section-aside-wrap-block .widget-header .title{font-size:16px} [only_ai_blog] .section-detail-wrap-block .wp-block-heading{font-size:24px} [only_ai_blog] .author-wrap .author-box .item-info .item-title{font-size:20px} } @media only screen and (max-width:768px){ [only_ai_blog] .section-detail-wrap-block .wp-block-heading{font-size:20px} [only_ai_blog] .section-detail-wrap-block .wp-block-heading::before{width:10px;height:10px;margin-right:8px} [only_ai_blog] .section-detail-wrap-block .widget-container p{font-size:14px} [only_ai_blog] .author-wrap .author-box .item-info .item-title{font-size:18px} } @media only screen and (max-width:576px){ [only_ai_blog] .section-detail-wrap-block .author-wrap, [only_ai_blog] .section-detail-wrap-block .tags-wrap, [only_ai_blog] .section-detail-wrap-block .wp-block-wrap{padding:15px} [only_ai_blog] .section-detail-wrap-block .wp-block-image{padding:10px} [only_ai_blog] .section-detail-wrap-block .tags-wrap .tags-list{flex:unset;width:100%;margin:10px 0 0} } @media only screen and (max-width:480px){ [only_ai_blog] .section-detail-wrap-block .wp-block-heading{font-size:18px} [only_ai_blog] .author-wrap .author-box .item-info .item-title{font-size:16px} [only_ai_blog] .author-wrap .author-box .item-info .item-desc{font-size:14px} [only_ai_blog] .author-wrap .post-info .item{font-size:14px} [only_ai_blog] .related-items .related-item .item-inner{flex-wrap:wrap} [only_ai_blog] .related-items .related-item .item-img{width:100%} [only_ai_blog] .related-items .related-item .item-info{width:100%;padding:10px 0} [only_ai_blog] .related-items .related-item .item-title{font-size:14px} [only_ai_blog] .related-items .related-item+.related-item{margin-top:10px;} [only_ai_blog] .author-wrap .author-box .item-img{margin:0 auto 15px} [only_ai_blog] .author-wrap .author-box .item-info{width:100%;padding:0} [only_ai_blog] .wp-block-accordion .accordion-item .item-header .title{font-size:14px} [only_ai_blog] .wp-block-accordion .accordion-item .item-content{font-size:14px;padding:12px} } @media only screen and (max-width:320px){ [only_ai_blog] .post-navigation .post-nav-link{width:100%} [only_ai_blog] .post-navigation .post-nav-prev::after{display:none} }
// Move elements to the target location
function moveElement(tarEl,tarTagName){
document.querySelectorAll(tarEl).forEach(item => {
const prevElement = item.previousElementSibling;
if (prevElement && prevElement.tagName === tarTagName) {
const parent = item.parentNode;
parent.insertBefore(item, prevElement);
}
});
}
window.addEventListener(“DOMContentLoaded”, function() {
moveElement(‘.pie-chart’,’P’)
moveElement(‘.third-img’,’P’)
moveElement(‘.product-outline’,’P’)
})
// Convert anchor points into title names
if($(‘.wp-block-heading’).length){
$(‘.wp-block-heading’).each((i,item)=>{
let title = filterAndReplaceSpaces($(item).text());
$(item).attr(‘id’,title);
$(‘.lwptoc_itemWrap .lwptoc_item’).eq(i).find(‘a’).attr(‘href’,’#’+title);
$(‘.table-of-contents ul .list-item’).eq(i).find(‘a’).attr(‘href’,’#’+title);
})
}
function filterAndReplaceSpaces(str) {
// Use regular expressions to filter out special symbols, retaining only letters, numbers, and spaces
const filteredStr = str.replace(/[^a-zA-Z0-9s]/g, ”);
// Replace spaces between words with –
const result = filteredStr.replace(/s+/g, ‘-‘);
return result.toLowerCase();
}
function getVisibleHeight(element) {
const rect = element.getBoundingClientRect();
const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
// Calculate the visible height of the element in the viewport
let visibleHeight = Math.min(rect.bottom, viewportHeight) – Math.max(rect.top, 0);
const scrollTop = document.documentElement.scrollTop;
if(scrollTop == 0){
visibleHeight = rect.bottom – rect.top
}
// If the element is completely outside the viewport, return 0
return Math.max(0, visibleHeight);
}
let isScrolling = false;
// Sidebar progress bar
let progressBar = document.querySelector(‘.progress-tracker .current-progress’);
// Percentage display
let progressPercentage = document.querySelector(‘.progress-tracker .current-progress-percentage’);
// Scroll content area
let scrollContainer = document.querySelector(‘.widget-container’);
// Get navigation items and content area
const navItems = document.querySelectorAll(‘.widget-body .list-wrapper li’);
const sections = document.querySelectorAll(‘.widget-container .wp-block-heading’);
window.addEventListener(‘scroll’, function () {
if (!isScrolling) {
isScrolling = true;
requestAnimationFrame(() => {
if(progressBar && scrollContainer){
// Browse progress bar
setProgress(scrollContainer,progressBar,progressPercentage);
}
// Anchor Navigation Update
if(navItems.length && sections.length){
initAnchorNavigation(navItems,sections)
}
isScrolling = false;
});
}
});
// Page scrolling progress bar
function setProgress(scrollContainer,progressBar,progressPercentage){
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
const clientHeight = document.documentElement.clientHeight || window.innerHeight;
// Get the distance between the content area of the article and the top
const distanceToTop = scrollContainer.getBoundingClientRect().top + window.scrollY;
// The actual height is the height of the article content – the height of the viewport + distanceToTop；
const realHeight = scrollContainer.offsetHeight – clientHeight + distanceToTop;
// Initial scrolling distance : distanceToTop
let scrollPercentage = (distanceToTop / realHeight) * 100;
// When the page scrolls to the content area
if(scrollTop > distanceToTop){
// Rolling distance : scrollTop
scrollPercentage = (scrollTop / realHeight) * 100;
}
if(scrollPercentage > 100){
scrollPercentage = 100;
}
progressBar.style.width = scrollPercentage.toFixed(2) + ‘%’;
progressPercentage.innerHTML = scrollPercentage.toFixed(0) + ‘%’;
if(progressBar.offsetWidth > progressPercentage.offsetWidth){
progressPercentage.classList.add(‘show’)
}else{
progressPercentage.classList.remove(‘show’)
}
}
function initAnchorNavigation(navItems, sections){
// Store the current content area
let currentSection = ”;
// Lock the current content area
sections.forEach(section => {
const sectionTop = section.offsetTop;
const sectionHeight = section.offsetHeight;
// Determine whether the current scrolling position is within this area
if (pageYOffset >= sectionTop – sectionHeight – 100 && sectionTop > 0 && sectionHeight > 0) {
currentSection = section.getAttribute(‘id’);
}
});
// Update anchor navigation highlight
navItems.forEach(item => {
item.classList.remove(‘active’);
const link = item.querySelector(‘a’);
if (link.getAttribute(‘href’).substring(1) === currentSection) {
item.classList.add(‘active’);
}
});
}
window.onload = function(){
if(progressBar && scrollContainer){
setProgress(scrollContainer,progressBar,progressPercentage);
}
if(navItems.length && sections.length){
initAnchorNavigation(navItems, sections)
}
}
$(‘.lwptoc_toggle_label’).on(“click”,function(e){
e.preventDefault();
let parents = $(this).parents(‘.lwptoc’);
if($(‘.lwptoc_items’,parents).is(‘:hidden’)){
$(‘.lwptoc_items’,parents).slideDown();
$(this).text(‘Hide’)
}else{
$(‘.lwptoc_items’,parents).slideUp();
$(this).text(‘Show’)
}
})
$(‘.accordion-item:nth-child(1)’).addClass(‘active’).siblings().removeClass(‘active’);
$(‘.accordion-item:not(.active) .item-content’).slideUp();
$(‘.accordion-item .item-header’).on(‘click’,function(){
let item = $(this).parents(‘.accordion-item’);
let content = $(this).siblings(‘.item-content’);
item.removeClass(‘active’);
if(content.is(‘:hidden’)){
content.slideDown();
item.addClass(‘active’).siblings().removeClass(‘active’).find(‘.item-content’).slideUp();
}else{
content.slideUp()
}
})
if(typeof pageType != ‘undefined’ && pageType == “ai_blog”){
$(‘link.additional-stylesheet’).remove();
$(‘link.additional-fonts’).remove();
let allsection = document.querySelectorAll(‘[only_ai_blog]’);
allsection.forEach((item)=>{
if($(item).length && !$(item).attr(‘data-screen’)){
$(item).attr(‘data-screen’,’screen-small’)
}
})
}
const $header = document.querySelector(‘header’);
window.addEventListener(“DOMContentLoaded”, function() {
const _root = document.documentElement;
if($header){
let isFullWidth = $header.offsetWidth === document.documentElement.clientWidth;
let isFullHeight = $header.offsetHeight === document.documentElement.clientHeight;
setTimeout(()=>{
let visibleHeight = $(‘header’).height();
_root.style.setProperty(‘–bs-visible-height’, visibleHeight + ‘px’);
visibleHeight = getVisibleH(visibleHeight);
_root.style.setProperty(‘–bs-visible-height’, visibleHeight + ‘px’);
if((!isFullWidth && Math.abs($header.offsetWidth – document.documentElement.clientWidth) > 2) || (isFullHeight && Math.abs($header.offsetHeight – document.documentElement.clientHeight) 2) || (isFullHeight && Math.abs($header.offsetHeight – document.documentElement.clientHeight) {
func.apply(context, args);
}, delay);
};
}
function getVisibleH(_visibleH){
const isHeaderFixed = window.getComputedStyle($header).position === ‘fixed’;
if (isHeaderFixed) {
_visibleH = getVisibleHeight($header);
}else{
const fixedChildren = Array.from($header.children).filter(child => {
return window.getComputedStyle(child).position === ‘fixed’ && !$(child).hasClass(‘pop-box’) && !$(child).hasClass(‘aside-sidebar-block’);
});
if(fixedChildren[0]){
_visibleH = getVisibleHeight(fixedChildren[0]);
}else{
_visibleH = 0;
}
}
return _visibleH;
}
function detectHeaderFixed(){
let _header = document.querySelector(‘header:not(.fixed-nav)’);
if(_header && $(_header).attr(‘head-position’) != “position-fixed”){
let headerStyle = window.getComputedStyle(_header);
let isFixed = headerStyle.position === ‘fixed’;
if(isFixed){
_header.setAttribute(‘head-position’,’position-fixed’)
}else{
const fixedChildren = Array.from(_header.children).filter(child => {
return window.getComputedStyle(child).position === ‘fixed’ && !$(child).hasClass(‘pop-box’) && !$(child).hasClass(‘aside-sidebar-block’);
});
if(fixedChildren[0]){
$header.setAttribute(‘head-position’,’position-fixed’)
}
}
}
if($(_header).attr(‘head-position’) == ‘position-fixed’ && $(_header.parentNode).hasClass(‘container’)){
$(_header.parentNode).css(‘overflow’,’hidden’);
}
}
body{scroll-behavior:smooth} header[head-position=”position-fixed”]{top:0;} header[head-position=”position-fixed”]+[only_ai_blog]:not(.hasbanner){margin-top: var(–bs-visible-height);} .page-container[only_ai_blog]{padding-top:5px;padding-bottom:20px} .page-container[only_ai_blog]>.layout{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;column-gap:5px} .page-container[only_ai_blog] .page-aside{width:330px;position:sticky;top:0;left:0;margin:0;padding:14px 7px;} .page-container[only_ai_blog] .page-main{width:calc(100% – 335px)} [only_ai_blog] .layout{width:1280px !important;} @media only screen and (max-width: 1280px) { [only_ai_blog] .layout{width:90% !important;} } @media only screen and (max-width: 992px) { [only_ai_blog] .layout{width:98% !important;} .page-container[only_ai_blog] .page-aside{display:none} .page-container[only_ai_blog] .page-main{width:100%} header[head-position=”position-fixed”]+[only_ai_blog]:not(.hasbanner){margin-top: 0;} } @media only screen and (max-width:768px){ }
