$(function(){
$('.header-content').scrollLeft(1000);
});
Пример : https://codepen.io/predaytor/pen/yxMYVq
Для наглядности просто возьму scrollLeft() из jQuery. Без кликов и прочего.
Почему блок header-content, который в два раза больше своих потомков, которые горизонтально расположены в нем, не скролиться ?
Недавно делал схожее, но с body, html, все было отлично, но в данный момент нужна именно такая структура документа.
$(function(){
$('.wrapper').scrollLeft(1000);
});
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости