Как установить положение прокрутки div с переполнением div внутри?

Question

У меня есть следующий html в действительно простой html-документе.

<div id="doublescroll_projects"> 
    <div class="project_icons"> 
    <div id="project" class="project_1"></div> 
    <div id="project" class="project_2"></div> 
    <div id="project" class="project_3"></div> 
    </div> 
</div> 

Тогда, у меня есть этот CSS:

#doublescroll_projects { 
    position:absolute; 
    bottom:0px; 
    right:0px; 

    overflow:auto; 
    width:900px; 
    height:500px; 
} 
    .project_icons { 
     width:1500px; 
     max-height:2000px; 
} 

#project { 
    height:240px; 
    width:360px; 
    float:left; 
    margin:50px 55px 55px 50px; 
} 

Класс project_icons делающего doublescroll_projects DIV прокрутки в обоих направлениях. Я хочу установить положение прокрутки на половину прокрутки по вертикали и на полпути по горизонтали на загрузке страницы.

Я посмотрел на столько «заданных прокрутки» вопросов и ответов, которые я мог найти, но ничего не работал или, по крайней мере, работал на меня. Если у меня вопрос, который я пропустил, пожалуйста, дайте мне знать, иначе как бы я это сделал?

Answer 1

вы не можете сделать это с помощью чистого CSS. Вы должны использовать JS/JQuery, например:

$('#doublescroll_projects').scrollLeft(50); 
$('#doublescroll_projects').scrollTop(50); 

https://api.jquery.com/scrollleft/

https://api.jquery.com/scrollTop/