在6号角,我有一张又宽又长的桌子。问题是要水平滚动,用户需要转到表的底部,才能访问卷轴。
我想要实现一个浮动的水平滚动条,当表在视图中时,它会浮动水平滚动条。我在使用Jquery时遇到了这些解决方案,但很难在角6(或5、4、3等)中实现这些解决方案。有没有人有这个解决方案,或者可以帮助我如何在角度上实现?提前谢了。
发布于 2018-11-24 07:30:58
解决方案1:如果您寻找如何使用带有角度的jQuery,可以通过在"scripts": [...]
中将jQuery和floatingScroll plugin
添加到angular.json
文件中来实现
使用jQuery
TS
....
declare let $: any; // you can use "jQuery" keyword instead of "$"
@component({
selector: '...',
templateUrl: ['...'],
styleUrls: ['...']
})
export class JqueryExampleComponent implements onInit {
constructor(private eleRef: ElementRef) {}
ngOnInit() {
$(this.eleRef.nativeElement).find('yourTableSelector').floatingScroll();
}
}
当您使用$(this.eleRef.nativeElement)
时,它将得到component
区域的树根,然后.find('yourTableSelector')
得到您想要的element
。
解决方案2:有实现浮动滚动条或自定义滚动条的替代库,一般情况下,其中一个是ngx-完美的滚动条,我使用它,它为您提供了处理滚动和跟踪其行为的良好功能,请查看它……您可以选择允许具有某些css
(如position: fixed
和javascript
功能)的垂直或水平滚动条显示或隐藏滚动条(如果表在视图中与否),则可以实现所需的功能。
https://stackoverflow.com/questions/53455887
复制相似问题