我在一个非常简单的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可以在两个方向上滚动。我想将滚动位置设置为在页面加载时垂直滚动一半并水平放置一半。
我看了很多&#34;设置滚动条&#34;我能找到的问题和答案,但没有任何效果,或者至少对我有用。 如果我错过了一个问题,请告诉我,否则我该怎么做?
答案 0 :(得分:3)
你不能用纯CSS做到这一点。您需要使用js / jQuery,例如:
$('#doublescroll_projects').scrollLeft(50);
$('#doublescroll_projects').scrollTop(50);