要使用Angular CDK的drag-drop模块进行元素的底层控制和滚动，需要按照以下步骤操作：

1. 首先，确保已经在项目中安装了Angular CDK。可以使用以下命令进行安装：

npm install @angular/cdk

2. 在需要使用drag-drop功能的组件中，导入必要的模块：

import { DragDropModule } from '@angular/cdk/drag-drop';

//...

@NgModule({
  imports: [
    //...
    DragDropModule
  ]
})
export class YourModule { }

3. 在HTML模板中，创建一个可拖动的元素和一个可放置的区域：

可拖动元素

  可放置区域

4. 在组件的typescript文件中，实现拖放的逻辑和滚动的控制：

import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';

//...

export class YourComponent {
  onDrop(event: CdkDragDrop) {
    moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
  }
}

上述代码中的onDrop方法会在元素被拖放到可放置区域时被调用，并使用moveItemInArray方法来重新排列元素的顺序。

请注意，上述示例只是一个简单的示例，你可以根据具体需求进行更复杂的逻辑控制和滚动控制。

希望对你有所帮助！