How to position horizontal scroll bar at center of DIV

Question

I was trying to position horizontal scroll bar at the center of that div. I tired with window.scrollTo() but this works for page scroll and not for div scroll.

Answer 1

You can simplay achive this by,

$(document).ready(()=>{
    $('#scroll').scrollIntoView({ inline: 'center' });
});

OR

$(document).ready(()=> {
    let outerContent = $('.abc');
    let innerContent = $('.abc > div');
    outerContent.scrollLeft((innerContent.width() - outerContent.width()) / 2);        
});