【问题标题】:Scrolling div in Angular 7在Angular 7中滚动div
【发布时间】:2018-11-14 06:44:30
【问题描述】:

我正在创建简单的拖放功能。

在拖动元素时,我想将 div 滚动到顶部或底部。

我正在使用角材料cdk拖放。

容器:

<div cdkDropList (cdkDropListDropped)="dropElement($event)" #ordersList>

我使用以下元素引用容器:

@ViewChild('ordersList', {read: ElementRef}) ordersListRef: ElementRef;

我怎样才能改变这个元素的滚动位置,这样的东西不起作用

this.ordersListRef.nativeElement.scrollTop += 20;

【问题讨论】:

  • 你能提供同样的 stackblitz 吗?
  • stackblitz.com/edit/angular-axk9wx 我更惊讶,因为在 stackblitz 上它的工作不知道为什么
  • 当这个自动滚动出现时,元素位置的轨迹丢失了。它仍然无法在我的开发环境中工作
  • 那么错误一定在你的本地代码中,再次修改。祝你好运

标签: angular typescript drag-and-drop angular7


【解决方案1】:

您好,请确保您将本机元素设置为具有滚动功能的容器,我遇到了与您相同的问题,并注意到我使用了错误的元素。但这并不能解决问题,现在它滚动正常,但滚动后它无法识别新元素,例如,如果您向下拖动并向下滚动,则下拉将位于您在滚动之前看到的最新元素上。

【讨论】:

  • "that doesn't solve the issue":答案部分是针对解决问题的答案。
猜你喜欢
  • 2019-09-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-08-10
  • 2014-06-03
  • 1970-01-01
相关资源
最近更新 更多