Javascript 滚动HTML元素的内容,而不是整个窗口对象

Javascript 滚动HTML元素的内容,而不是整个窗口对象,javascript,html,css,scroll,Javascript,Html,Css,Scroll,我手中有以下两个: #elementA { position: absolute; width: 200%; height: 100%; background: linear-gradient(to right, rgba(100,0,0,0.3), rgba(0,0,250,0.3)); z-index: 250; } #containerofA { position: fixed; width: 100%; height: 1

我手中有以下两个:

#elementA {
    position: absolute;
    width: 200%;
    height: 100%;
    background: linear-gradient(to right, rgba(100,0,0,0.3), rgba(0,0,250,0.3));
    z-index: 250;
}

#containerofA {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 240;
    padding-bottom: 100px;  // to hide the horizontal scrollbar
    overflow-x: scroll;
}
elementA
作为
div
再次作为
div
显示在
containerofA
elementA
的宽度是其容器的两倍,并将使用支持触摸的设备进行滚动

这些事情已经发生了。我想要的是将
元素a
最初滚动到中间。我希望它最初定位在
-50%
,或者在加载时向右滚动
50%

在JavaScript、CSS或HTML中:如何做到这一点

窗口。滚动(偏移-x,偏移-y)和变体可以滚动整个窗口。这应该是一件很容易的事情,但我看不出…

如何使用and属性。

可以使用and属性。

可以使用and属性。

可以使用and属性。

为什么不这样做呢:

.Container{
position:fixed;
width:100%;
height:100%;
overflow-x:scroll;
overflow-y:hidden;
}

.Elementcontained{
position:absolute;
margin:auto;
left:0;right:0;bottom:0;top:0;
width:200%;
height:100%;
}
这可能行得通吧?

为什么不这样做呢:

.Container{
position:fixed;
width:100%;
height:100%;
overflow-x:scroll;
overflow-y:hidden;
}

.Elementcontained{
position:absolute;
margin:auto;
left:0;right:0;bottom:0;top:0;
width:200%;
height:100%;
}
这可能行得通吧?

为什么不这样做呢:

.Container{
position:fixed;
width:100%;
height:100%;
overflow-x:scroll;
overflow-y:hidden;
}

.Elementcontained{
position:absolute;
margin:auto;
left:0;right:0;bottom:0;top:0;
width:200%;
height:100%;
}
这可能行得通吧?

为什么不这样做呢:

.Container{
position:fixed;
width:100%;
height:100%;
overflow-x:scroll;
overflow-y:hidden;
}

.Elementcontained{
position:absolute;
margin:auto;
left:0;right:0;bottom:0;top:0;
width:200%;
height:100%;
}

这可能行得通吧?

试试这样的方法:

 $(window).load(function() {
    $(element).scrollLeft(offset-left);
});

试着这样做:

 $(window).load(function() {
    $(element).scrollLeft(offset-left);
});

试着这样做:

 $(window).load(function() {
    $(element).scrollLeft(offset-left);
});

试着这样做:

 $(window).load(function() {
    $(element).scrollLeft(offset-left);
});
使用dom元素的属性

使用dom元素的属性

使用dom元素的属性

使用dom元素的属性



这是正确的,只是我想要水平滚动,而不是垂直滚动。尽管如此,它是正确的。很抱歉,我修改了答案以包含您需要的属性。这是正确的,只是我想要水平滚动,而不是垂直滚动。尽管如此,它是正确的。很抱歉,我修改了答案以包含您需要的属性。这是正确的,只是我想要水平滚动,而不是垂直滚动。尽管如此,它是正确的。很抱歉,我修改了答案以包含您需要的属性。这是正确的,只是我想要水平滚动,而不是垂直滚动。尽管如此,这是正确的。很抱歉,我修改了答案以包含您需要的属性。
$
可能是jSomething,但是是的,这是可行的,就像第一个答案一样。它是jQuery。Sabitpockers的答案最好是使用纯javascript。根据javascript标记的描述——“除非还包含框架/库的标记,否则应该是纯javascript答案。”问题可能是jSomething,但是的,这是可行的,就像第一个答案一样。这是jQuery。Sabitpockers的答案最好是使用纯javascript。根据javascript标记的描述——“除非还包含框架/库的标记,否则应该是纯javascript答案。”问题可能是jSomething,但是的,这是可行的,就像第一个答案一样。这是jQuery。Sabitpockers的答案最好是使用纯javascript。根据javascript标记的描述——“除非还包含框架/库的标记,否则应该是纯javascript答案。”问题可能是jSomething,但是的,这是可行的,就像第一个答案一样。这是jQuery。Sabitpockers的答案最好是使用纯javascript。根据javascript标记的描述——“除非还包含框架/库的标记,否则应该是纯javascript答案。”感谢第一个完整无瑕的答案,并暗示我应该将该属性应用于容器。不要鄙视其他人,但选择完整答案作为答案感觉更正确,尽管它是最新的答案。感谢第一个完整无瑕的答案,也暗示我应该将属性应用于容器。不要鄙视其他人,但选择完整答案作为答案感觉更正确,尽管它是最新的答案。感谢第一个完整无瑕的答案,也暗示我应该将属性应用于容器。不要鄙视其他人,但选择完整答案作为答案感觉更正确,尽管它是最新的答案。感谢第一个完整无瑕的答案,也暗示我应该将属性应用于容器。不要轻视其他人,但选择完整的答案作为答案感觉更正确,尽管它是最新的答案。