课程章节介绍
今天我们来聊聊如何在Salesforce中创建一个独立的滚动区域。这个功能特别有用，尤其是在移动设备和Lightning Experience中，因为它支持原生的滚动行为，让用户体验更加流畅。
首先，我们来看一下代码的基本结构。我们使用了一个叫做`ui:scrollerWrapper`的组件来包裹我们想要滚动的内容。这个组件会自动处理滚动逻辑，你只需要把内容放进去就可以了。
```html
```
接下来，我们需要通过CSS来控制这个滚动区域的大小。这里我们给`ui:scrollerWrapper`组件添加了一个类名`scrollerSize`，然后在CSS中定义了这个类的高度为300像素。
```css
/， CSS ，/
.THIS.scrollerSize {
height: 300px;
}
```
这样，当你在页面上使用这个组件时，它就会显示为一个高度为300像素的滚动区域，用户可以通过触摸或鼠标滚轮来滚动查看里面的内容。
总结一下，创建独立滚动区域的步骤很简单：首先用`ui:scrollerWrapper`包裹内容，然后通过CSS设置滚动区域的高度。这样，无论是在移动设备还是Lightning Experience中，用户都能享受到流畅的滚动体验。
希望这个解释对你有帮助！如果有任何问题，随时问我哦。