To make accordion title sticky to top of screen on click in Accordion Pro Plugin. Like this.
You can use this code under Plugin code in Code Injection > Footer.
<!-- Sticky Accordion code @tuanphan -->
<script>
document.addEventListener('DOMContentLoaded', function() {
window.wmAccordionsSettings = {
scrollToOpenContent: false
};
document.addEventListener('wmAccordions:afterOpen', function(event) {
const accordionId = event.detail.accordionId;
const accordionElement = document.querySelector(`[data-accordion-id="${accordionId}"]`);
if (accordionElement) {
accordionElement.scrollIntoView({
behavior: "smooth",
block: "start"
});
}
});
});
</script>
