如何设置一个 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/