Angular 7 CDK中的拖放干扰滚动
创始人
2024-10-16 17:01:03
0次

在Angular 7 CDK中，可以使用cdkDragHandle指令来解决拖放干扰滚动的问题。通过将该指令应用在滚动容器的元素上，可以禁用拖动行为，从而避免干扰滚动。

下面是一个示例，演示如何在Angular 7 CDK中使用cdkDragHandle来解决拖放干扰滚动的问题：

首先，在组件的HTML模板中，将cdkDragHandle应用在滚动容器的元素上：

然后，在组件的CSS样式中，设置滚动容器的样式，以及应用CDK的样式：

.scroll-container {
  overflow: auto;
  height: 200px; /* 滚动容器的高度 */
}

.cdk-drag-handle {
  cursor: move;
}

最后，在组件的Typescript代码中，确保导入了CdkDragHandle指令：

import { CdkDragHandle } from '@angular/cdk/drag-drop';

这样，通过将cdkDragHandle应用在滚动容器的元素上，可以使其成为拖动的触发区域，从而避免拖动行为干扰滚动。

希望这个解决方法能帮助到你！

上一篇：Angular 7 cdk-virtual-scroll-viewport - 虚拟滚动

下一篇：Angular 7 处理 HTTP 请求

相关内容

热门资讯

推荐攻略！we-poker辅助... 推荐攻略！we-poker辅助，hhpoker有后台操作吗，切实教程（有挂辅助）关于hhpoker有...
每日必备！pokemmo手机版... 每日必备！pokemmo手机版透视脚本，wpk辅助器，透明教程（有挂神器）；建议优先通过pokemm...
一分钟揭秘！hhpoker是正... 《一分钟揭秘！hhpoker是正规的吗，wepoker怎么挂底牌，玩家教你（有挂透明）》 hhpok...
我来教教大家！wepoker看... 我来教教大家！wepoker看底牌，约局吧德州可以透视吗，揭秘攻略（有挂透视）1、不需要AI权限，帮...
记者揭秘！epoker透视底牌... 记者揭秘！epoker透视底牌，大菠萝辅助器，2025教程（有挂方法）；玩家必备必赢加哟《13670...
教程攻略！pokemmo辅助器... 1、教程攻略！pokemmo辅助器手机版下载，智星德州插件2024最新版，玩家教程（有挂技巧）2、进...
玩家交流！hhpoker必备开... 玩家交流！hhpoker必备开挂，wepoker有没有辅助，微扑克教程（有挂攻略）;1分钟了解详细教...
一分钟教会你！wepoker有... 一分钟教会你！wepoker有辅助器吗，约局吧怎么看有没有挂，微扑克教程（有挂透明）；致您一封信；亲...
盘点一款！aa poker辅助... 盘点一款！aa poker辅助包，pokemmo手机辅助软件，系统教程（有挂攻略）；亲真的是有正版授...
玩家必备教程！wejoker辅... 1、玩家必备教程！wejoker辅助软件价格，德普之星辅助器怎么用，我来教教你（有挂透视）（UU p...