如何设置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格在两个方向上滚动。我想将滚动位置设置为在页面加载时垂直和水平中途滚动的一半。

我看过尽可能多的“设置滚动条”问题和答案，我可以找到但没有任何工作，或至少为我工作。 如果这是我错过的一个问题，请让我知道，否则我该怎么做？

Answer 1

你不能用纯CSS做。你需要用js/jQuery的，例如：

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

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

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