要创建一个可滚动的div，可以使用Angular的内置指令ngStyle和ngClass来控制div的样式和类。

在组件的HTML模板中，可以使用ngStyle指令来设置div的样式，并使用ngClass指令来添加滚动效果的类。

以下是一个示例代码：

在组件的TypeScript文件中，可以使用@ViewChild装饰器来获取div元素的引用，并计算出是否需要添加滚动效果的类。

以下是一个示例代码：

import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-scrollable-div',
  templateUrl: './scrollable-div.component.html',
  styleUrls: ['./scrollable-div.component.css']
})
export class ScrollableDivComponent implements AfterViewInit {
  @ViewChild('content', { static: false }) contentElement: ElementRef;

  containerHeight: string;
  isOverflow: boolean;

  ngAfterViewInit() {
    this.checkOverflow();
  }

  checkOverflow() {
    const contentHeight = this.contentElement.nativeElement.offsetHeight;
    const containerHeight = this.contentElement.nativeElement.parentElement.offsetHeight;

    this.containerHeight = containerHeight + 'px';
    this.isOverflow = contentHeight > containerHeight;
  }
}

在上述代码中，通过@ViewChild装饰器获取div内容的引用，然后在ngAfterViewInit生命周期钩子函数中计算出内容的高度和容器的高度，根据它们的比较结果来决定是否添加滚动效果的类。

请注意，上述代码中的样式和类名是示例，您可以根据需要自定义它们。