Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 分别以编程方式滚动2个div_Javascript_Html_Css - Fatal编程技术网

Javascript 分别以编程方式滚动2个div

Javascript 分别以编程方式滚动2个div,javascript,html,css,Javascript,Html,Css,我有2个可滚动的div,其中包含ID为的对象 我试图在视觉上对齐-obj和ff在不同的分区中 var el = document.getElementById(obj); el.scrollIntoView(true); var el = document.getElementById(ff); el.scrollIntoView(true); 现在的情况是,滚动并不是特定于持有对象的div的。 也就是说,滚动同时在两个div上进行。 我希望能够单独滚动div中的对象,希望只使用Javascr

我有2个可滚动的div,其中包含ID为的对象 我试图在视觉上对齐-obj和ff在不同的分区中

var el = document.getElementById(obj);
el.scrollIntoView(true);
var el = document.getElementById(ff);
el.scrollIntoView(true);
现在的情况是,滚动并不是特定于持有对象的div的。 也就是说,滚动同时在两个div上进行。 我希望能够单独滚动div中的对象,希望只使用
Javascript/CSS。
希望这足够了。
添加:FIDDLE:在本例中,obj和ff应该位于同一水平面上。

也许您可以尝试设置div容器的scrollTop属性

// JavaScript
var el = document.getElementById("obj");
el.parentNode.scrollTop = el.offsetTop - 5;

// jQuery
$("#ff").parent().scrollTop($("#ff").offset().top - 5);

Fiddle:

嗯,通过使对象偏移,似乎滚动是不分开的。你说的“不分开”是什么意思?我的印象是,您想滚动到其父容器中的对象?抱歉,本想添加对及时回复的感谢,但已发布。最终结果应该是ff和obj位于同一水平面上。希望对我有所帮助。我们将其设置为将对象滚动到父对象的顶部。“ff”对象位于父对象的底部,因此我们无法将其滚动到顶部(“ff”下没有填充该空间的内容)。您可以将其设置为将对象滚动到父对象的底部,但如果对象位于父对象的顶部,则会遇到相同的问题。新的错误,增加了额外的填充和工程广告。非常感谢,这省去了很多麻烦。