jmccole83
4/4/2019 - 2:03 PM

Bootstrap 4 | Scroll to open card in accordion

Browser scrolls to the newly opened card after it has been opened.

Further info on events - https://getbootstrap.com/docs/4.3/components/collapse/#events

common.js
content_copyfile_download
// Scroll to open panel
$('.card .collapse').on('shown.bs.collapse', function(){
  var target = $(this).attr('id');
  $('html,body').animate({scrollTop: $('#' + target).offset().top -200}, 600);
});