Stop accordion panel scrolling

[Amy P]

Amy P

March 3, 2023 at 8:51 am

Is there a way to stop accordion panels from scrolling off the page when expanded? It is especially apparent with panels that have a lot of content on mobile.
I found the script fix below in the Kadence forums and it works by offsetting and re-scrolling but I believe that there might be a nicer way to do this, maybe by changing the accordion header button trigger code some day? THANK YOU.

jQuery( document ).ready( function( $ ) {
$( '.kt-blocks-accordion-header' ).click( function( ) {
var pane = $(this);
setTimeout(function(){
var $panel = pane.closest('.kt-accordion-pane');
$('html,body').animate({
scrollTop: $panel.offset().top - 300
}, 300);
}, 300 );
});
});