Javascript 如何用另一个div滚动div？

我有一个Ionic项目，其中有一个Ionic内容中的项目列表：

<ion-content padding #myContent>
       <!-- lots of data -->
</ion-content>

---

如何绑定下一个重叠的div，除了可以使用函数next单击以滚动离子内容，而不将next指定给离子内容本身？

Element.prototype.scollx:number，y:number。这有什么帮助吗？

请您用您的解决方案举例说明上述问题，好吗？

<ion-footer>
  <div *ngIf="nextButtonHolder">
    <div *ngIf="nextButton" class="next" (click)="next()">
</div>
</div>
</ion-footer>

.next{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10; //overlapping content
    height: 50%;
    width: 100%;
}