i排版中实现滑动效果有三种方式：一、用“滑动容器”组件配置方向与自动播放；二、为普通容器添加CSS（如overflow-y: auto）启用原生滚动；三、通过按钮绑定JS代码触发scrollIntoView平滑滚动。
如果您在i排版中希望元素具备滑动效果，例如实现图片轮播、内容横向滚动或页面内区域滑动浏览，则需通过内置的滑动组件或样式配置项进行设定。以下是具体操作方法：
一、使用内置滑动组件
i排版提供“滑动容器”组件，可直接拖入画布并配置滑动方向与行为。该组件默认支持横向滑动，适用于图文轮播、商品列表等场景。
1、在左侧组件栏中找到滑动容器，将其拖拽至编辑区域。
2、点击该组件，在右侧属性面板中将滑动方向设置为“水平”或“垂直”。
3、开启自动播放开关，并设置切换间隔（毫秒），例如3000表示每3秒切换一次。
4、在滑动容器内依次添加子元素（如图片、文字模块），确保每个子元素宽度等于容器可视区宽度（水平滑动时）。
二、为普通容器启用CSS滚动条滑动
当需要用户手动拖拽滚动查看长内容时，可通过自定义CSS使容器产生原生滚动能力。此方式不依赖动画，仅激活浏览器默认滚动行为。
1、选中目标容器（如文本框、卡片组），点击右键选择编辑HTML属性。
2、在class字段中添加scrollable，或直接在style中输入：overflow-y: auto; max-height: 200px;
3、确认后，该容器高度将被限制，超出部分出现可拖动的纵向滚动条。
4、若需横向滑动，将overflow-y替换为overflow-x: auto;，并确保子元素总宽度大于容器宽度。
三、通过交互动作绑定滑动动画
利用i排版的“动作”功能，可为按钮或图标绑定触发式滑动效果，实现点击后内容平滑位移，适合制作折叠面板或导航菜单。
1、添加一个按钮组件，并在其动作设置中选择执行JS代码。
2、在代码框中输入：document.querySelector('.target-section').scrollIntoView({behavior: 'smooth'});
3、确保目标区域（如某段落或模块）已设置class为target-section。
4、预览时点击按钮，页面将自动平滑滚动至该区域顶部。
