# v-auto-scroll 自动滚动指令

用来自动滚动元素，当元素内容超出元素高度时，会自动添加滚动条。

# 基本使用

只需要在需要自动滚动的元素上添加v-auto-scroll指令即可实现自动滚动。

111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

<template>
    <div style="height: 80px;overflow-y: auto" v-auto-scroll>
        111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
        11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
        11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
        11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
        11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
        11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
    </div>
</template>

Copy

# 按页翻屏

用来实现按页翻屏的效果，当元素内容超出元素高度时，会自动添加滚动条，并且每次滚动一页。指定滚动模式为screen，即可实现按页翻屏的效果。

TIP

默认的间隔是给按线速滚动使用的，使用翻页加默认的滚动速度会变的飞快，需要修改下间隔时间。

2025年，人工智能正从“能说会道”的聊天机器人，进化为“能行会动”的智能体。AI在不断突破能力边界的同时，进一步赋能各行各业，加速对社会运行机理的渗透。颠覆性的技术跃迁，使AI开始与既有秩序发生摩擦，新秩序的轮廓由此浮现：迪士尼首次将核心IP授权给深陷版权诉讼的OpenAI；大语言模型发展趋缓，世界模型崭露头角；豆包AI手机遭大厂App“封杀”，超级入口之争再度升温；从具身智能、GPU到大模型，中国科技小龙掀起上市潮，力争行业第一股。在新旧秩序交替碰撞的中场，澎湃新闻对齐Lab推出年终报道《2025·AI中场时刻》。以“摩擦、徘徊、跃迁”为锚点，追问这场持续演变的技术革命将如何影响个体、行业与社会，AI的下半场又将涌向何方。 2025年，人工智能不再只是一个“增长故事”。AI在重塑各行各业的同时，与现实世界的秩序、商业体系、劳动关系和伦理价值产生了更多的摩擦。以OpenAI为主线，澎湃新闻记者通过公开信息，勾连出2025年主流硅谷AI公司之间的竞合关系网。这张网中，既盘踞着英伟达、谷歌、Meta等市值破万亿美元的科技巨头，也牵扯着迪士尼、《纽约时报》等传统内容版权方，还延伸至被卷入AI伦理与安全争议的普通人。体来看，入口争夺、版权纠纷与伦理安全，构成了2025年AI摩擦的三个主要面向。入口争夺源于智能体（Agent）技术的底层跃迁，当AI开始具备模拟人类操作的能力，用户隐私与流量变现的既有根基被触碰，由此引发“真人操作”与“人机协同”的系统性分歧。版权纠纷体现的是惯性摩擦过后的阵营重组。以迪士尼为代表的版权方，在AI侵权维权的同时，开始选择与部分AI公司“握手言和”，转而共同探索IP合作与内容生产的新范式。

<template>
    <div style="height: 80px;overflow-y: auto" v-auto-scroll="{scrollMode:'screen',scrollInterval:'1500'}">
        2025年，人工智能正从“能说会道”的聊天机器人，进化为“能行会动”的智能体。AI在不断突破能力边界的同时，进一步赋能各行各业，加速对社会运行机理的渗透。
        颠覆性的技术跃迁，使AI开始与既有秩序发生摩擦，新秩序的轮廓由此浮现：迪士尼首次将核心IP授权给深陷版权诉讼的OpenAI；大语言模型发展趋缓，世界模型崭露头角；豆包AI手机遭大厂App“封杀”，超级入口之争再度升温；从具身智能、GPU到大模型，中国科技小龙掀起上市潮，力争行业第一股。
        在新旧秩序交替碰撞的中场，澎湃新闻对齐Lab推出年终报道《2025·AI中场时刻》。以“摩擦、徘徊、跃迁”为锚点，追问这场持续演变的技术革命将如何影响个体、行业与社会，AI的下半场又将涌向何方。
        2025年，人工智能不再只是一个“增长故事”。AI在重塑各行各业的同时，与现实世界的秩序、商业体系、劳动关系和伦理价值产生了更多的摩擦。
        以OpenAI为主线，澎湃新闻记者通过公开信息，勾连出2025年主流硅谷AI公司之间的竞合关系网。这张网中，既盘踞着英伟达、谷歌、Meta等市值破万亿美元的科技巨头，也牵扯着迪士尼、《纽约时报》等传统内容版权方，还延伸至被卷入AI伦理与安全争议的普通人。
        体来看，入口争夺、版权纠纷与伦理安全，构成了2025年AI摩擦的三个主要面向。
        入口争夺源于智能体（Agent）技术的底层跃迁，当AI开始具备模拟人类操作的能力，用户隐私与流量变现的既有根基被触碰，由此引发“真人操作”与“人机协同”的系统性分歧。
        版权纠纷体现的是惯性摩擦过后的阵营重组。以迪士尼为代表的版权方，在AI侵权维权的同时，开始选择与 部分AI公司“握手言和”，转而共同探索IP合作与内容生产的新范式。
    </div>
</template>

Copy

# Options

参数	说明	类型	可选值	默认值
scrollMode	滚动模式	string	pixel(逐像素)/screen(按屏)	pixel
scrollInterval	滚动间隔时间，单位毫秒	number		50
speed	【像素模式】每次滚动像素（仅pixel生效）	number		1
scrollStep	【屏模式】每次滚动屏数（仅screen生效）	number		1
direction	滚动的方向	string	vertical/horizontal	vertical
loop	是否循环	boolean	true/false	true
hideScrollbar	是否隐藏滚动条	boolean	true/false	true
delay	手动滚动后恢复延迟，单位毫秒	number		3000

← 指令说明