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