Javascript 如何上下滚动托盘分区？

当我点击下一步和上一步按钮时，我想上下滚动当前活动问题的div

供参考的问题托盘：

我的示例代码：

function saveNext(idValue,subtopic) {
     var aa = idValue;
       if (aa==28){

          $("#scrollPallete").scrollTop(275);

      }
      if(aa==56){

       $("#scrollPallete").scrollTop(550);                
      }
      if(aa==84){

       $("#scrollPallete").scrollTop(825);                
      }
       if(aa==112){

       $("#scrollPallete").scrollTop(1102);                
      }
      if(aa==140){

       $("#scrollPallete").scrollTop(1374);                
      }
       if(aa==168){

       $("#scrollPallete").scrollTop(1654);                
      }
       if(aa==196){

       $("#scrollPallete").scrollTop(1924);                
      }

我需要垂直滚动的精确代码。

---

我们应该获得垂直滚动的示例代码吗？当我点击下一步和上一步按钮时，我想上下滚动。每行有4个问题，总共50行。我需要滚动最多200个问题。

我已经为您创建了一个示例，虽然它不是解决您问题的最佳解决方案，但我认为作为一个起点，它已经足够了

请参阅下面的代码片段（以“全页”模式打开以查看按钮）

$（“#下一步”）。单击（函数（e）{
var$next=$（'.number item.selected'）.next（'.number item'）；
var$container=$（'.question container'）；
if（！$container.attr（'data-scrolltop'））{
$container.attr（'data-scrolltop'，$container.height（））；
}
$next.addClass（'selected'）；
$（'.number item.selected'）.first（）.removeClass（'selected'）；
if（$next.get（0.offsetTop+12>$container.attr（'data-scrolltop'））{
$container.animate({
scrollTop:$next.get（0）.offsetTop-12
}，1000，函数（）{
var currentVal=Number（$container.attr（'data-scrolltop'））；
var newVal=$container.get（0.scrollTop）；
$container.attr（'data-scrolltop'，currentVal+newVal）；
});
}
});
。问题容器{
背景：番木瓜；
高度：200px；
宽度：200px；
溢出：自动；
填充：4px；
}
a、 编号项目{
高度：30px；
宽度：30px；
背景：李子；
颜色：白色；
文字装饰：无；
边界半径：50%；
显示：内联flex；
证明内容：中心；
对齐项目：居中；
保证金：4px0；
}
a、 所选项目的编号{
背景：浅蓝色；
}

以前的
下一步
如果您能为您的问题附加一个最小的示例，那将非常有帮助。请查找我的示例代码@Ramizwachtler如果您可以访问所需的
目标
，您可以使用
目标.offset（）.top
的值，然后滚动到此位置。您能给我示例代码吗？这对我非常有用。把它作为一个起点。这对我非常有用。非常感谢您的解决方案。