作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在我的 Angular 应用程序中,我使用的是 autocomplete feature from Angular Material :
它工作正常,除非我滚动页面:
基本上下拉菜单在滚动时不会固定在它的位置,我不知道为什么。
在官方的 Material 文档页面中,它通过自动更新元素的 top
和 left
属性来很好地工作。但是,这不会发生在我的应用程序中。
最佳答案
在做了一些研究之后,我找到了 omaracrystal 在 github 上发布的解决方案。
我需要做的是:
1)导入Angular CDK的ScrollingModule
import { ScrollingModule } from '@angular/cdk/scrolling';
@NgModule({
imports: [
// ...
ScrollingModule,
],
// ...
})
export class MyAppModule { }
cdkScrollable
指令:
<div cdkScrollable>
<!-- the autocomplete is located somewhere here, not necessarily as direct child -->
</div>
关于angular - 滚动时垫自动完成选项下拉不会粘住,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60398533/
我正在使用此代码 (jsfiddle) - JSFIDDLE 当一个项目被拖动到正确的框时,它会禁止再次拖动原始项目。问题是它会导致 css 粘住,从而导致接受拖动项目的绿色框不会消失。 它还会在控制
我的意思是,当我将框架调整到左侧或右侧时,表格会自动调整自身大小,但当我从表格的下侧或上侧调整框架时,我想要相同的 future 。有向下和向上滚动,但我希望默认大小更小。 事实上 aJScrollP
我是一名优秀的程序员,十分优秀!