如何設置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/