Angular CDK-VIRTUAL-SCROLL-VIEWPORT鼠标滚动不仅与鼠标轮一样在水平方向上工作



是否有任何方法可以激活cdk-virtual-scroll-viewport中的鼠标滚动?

正如我们在示例中也可以从Angular材料中看到的那样,您只能通过从滚动栏上拖动滚动,但是您不能仅使用鼠标滚动轮滚动。

https://material.angular.io/cdk/scrolling/overview

我的目的是要有一个具有Netflix中图像的组件,并仅使用鼠标滚动轮滚动它们。

第二个问题是:有人有一个例子吗?

我想取得这样的成就:

https://codepen.io/calvinmorett/post/corporate-horizontal-scrolling-mousewheel

今天遇到了同一问题,并且在网上找到任何东西遇到了一些麻烦。这是我找到的东西,对我有用:

https://www.damirscorner.com/blog/posts/20211022-mousewheelscrollinginangular.html

本指南不是针对CDK的,但也可以与它一起使用。

基本上,创建一个新的指令,聆听鼠标滚动事件,然后用鼠标三角洲的位置抵消元素的位置。

相关内容

最新更新