`simplebar` 不起作用,如何与 angular 集成

3gwebtrain

我的 appcomponent.ts:

import { Component } from '@angular/core';
import 'simplebar';
import 'simplebar/dist/simplebar.css';


@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
}

html:

<div class="container" data-simplebar id="content">
  <div class="big-width">
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Accusamus nobis similique, temporibus eaque eum vel adipisci sed harum obcaecati animi praesentium consequatur sint consectetur iure accusantium explicabo voluptate perspiciatis nemo.
  </div>
</div>

希望整合垂直和水平,但行不通。应该进一步添加什么?

有人帮我吗?

现场演示

内存

1) 首先安装 npm install simplebar --save

2) 在 polyfills.ts 中添加: import 'simplebar;

3) 然后在主 style.scss 文件中添加:@import '~simplebar/dist/simplebar.css';

4) 将 data-simplebar 属性添加到要使用此主题滚动的元素。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

与Django集成时,Angular JS视图不起作用

来自分类Dev

Angular 8集成测试-Proctrator / Jasmine起作用,Protractor /黄瓜不起作用

来自分类Dev

使用指令集成Angular和JQuery.iCheck不起作用

来自分类Dev

基本集成angular js并要求js不起作用

来自分类Dev

Angular NgRx集成测试不起作用(使用Nx和Jest)

来自分类Dev

使用指令集成Angular和JQuery.iCheck不起作用

来自分类Dev

使用simplebar库隐藏水平滚动条不起作用

来自分类Dev

Libreoffice主题集成不起作用(Xubuntu)

来自分类Dev

Libreoffice主题集成不起作用(Xubuntu)

来自分类Dev

集成显卡不起作用?

来自分类Dev

IBM MobileFirst Adapter如何与Angular JS集成?

来自分类Dev

的动画不起作用Angular

来自分类Dev

Angular指令不起作用

来自分类Dev

Angular的编译不起作用

来自分类Dev

Angular + socketio不起作用?

来自分类Dev

Angular cli 不起作用

来自分类Dev

集成切换按钮不起作用

来自分类Dev

grails removeFrom在集成测试中不起作用

来自分类Dev

Rails集成测试实例变量方法不起作用?

来自分类Dev

apache-camel rabbitmq ssl集成不起作用

来自分类Dev

集成Powershell内核在vscode终端中不起作用

来自分类Dev

为什么集成Windows身份验证不起作用?

来自分类Dev

Spring Boot 2 和 QueryDSL 集成不起作用?

来自分类Dev

react-leaflet mapboxgl 集成不起作用

来自分类Dev

将Keycloak与Angular集成

来自分类Dev

如何将angular js集成到grails 2.3.4中?

来自分类Dev

如何在Angular2中集成DexieJs

来自分类Dev

如何集成angular js和twitter引导程序?

来自分类Dev

如何在Angular2中集成DexieJs