如何只滚动固定区域，而不是整个页面 onClick？

Question

基本上，我有一个固定位置的 div，我需要在点击时滚动而不是整个页面。有一个 div 包含项目列表和它右侧的向上/向下按钮。页面本身不滚动，但项目的 div 可以滚动 ( overflow-y: scroll)，我想通过单击来实现。有没有办法做到这一点？对不起，如果我的问题不够清楚！编辑：这是小提琴的链接：https ://jsfiddle.net/yjphLeg0/4/单击“向上”按钮时，我希望div“div”的 with 和 id 向上滚动，“向下”按钮和向下滚动相同。

Answer 1

function move_down() {

document.getElementById('mydiv').scrollTop += 10;

}

function move_up() {

document.getElementById('mydiv').scrollTop -= 10;

}

使用上/下按钮触发功能。

Answer 2

function scrollWithin(wrapperElementId, innerElementId) {

  // get the inner element

  var innerElement = document.getElementById(innerElementId);

  // calculate the offset top to to wrapper element plus the element height

  var topPos = innerElement.offsetTop + (innerElement.offsetHeight / 2);

  // zoom the wrapper element to the inner element

  document.getElementById(wrapperElementId).scrollTop = topPos;

}

scrollWithin('scrollable', 'item3');

希望我明白你的意思。这是要测试的小提琴：https://jsfiddle.net/ukhzxs59/