Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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 如何只滚动固定区域,而不是一次单击整个页面?_Javascript_Html_Css_Reactjs - Fatal编程技术网

Javascript 如何只滚动固定区域,而不是一次单击整个页面?

Javascript 如何只滚动固定区域,而不是一次单击整个页面?,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,基本上,我有一个固定位置的div,我需要在点击时滚动,但不是整个页面。有一个div,其中包含项目列表和右侧的向上/向下按钮。页面本身不会滚动,但项目的div可以滚动(overflow-y:scroll),我想在单击后执行此操作。有办法做到这一点吗?对不起,如果我的问题不够清楚 编辑: 这里有一个小提琴的链接: 单击“向上”按钮时,我希望具有“div”和id的div向上滚动,“向下”按钮和向下滚动相同 function move_down() { document.getElementById('

基本上,我有一个固定位置的div,我需要在点击时滚动,但不是整个页面。有一个div,其中包含项目列表和右侧的向上/向下按钮。页面本身不会滚动,但项目的div可以滚动(
overflow-y:scroll
),我想在单击后执行此操作。有办法做到这一点吗?对不起,如果我的问题不够清楚

编辑: 这里有一个小提琴的链接:

单击“向上”按钮时,我希望具有“div”和id的
div
向上滚动,“向下”按钮和向下滚动相同

function move_down() {
document.getElementById('mydiv').scrollTop += 10;
}

function move_up() {
document.getElementById('mydiv').scrollTop -= 10;
}
使用向上/向下按钮触发函数。

函数滚动(wrapperElementId,innerElementId){
//获取内部元素
var innerElement=document.getElementById(innerElementId);
//计算顶部到包装器元素的偏移量加上元素高度
var-topPos=innerElement.offsetTop+(innerElement.offsetLight/2);
//将包装器元素缩放到内部元素
document.getElementById(wrapperElementId).scrollTop=topPos;
}
滚动范围('scrollable','item3');

希望我明白你的意思。这里有一把小提琴要测试:

如果你能加上一把小小提琴来展示你想要达到的目标,那么它也会让我们的生活更容易回答。否则我们必须假设和想象很多事情:)你能看看吗?我认为这应该有帮助。快乐编码:)@sandeepjoshi补充道:)