vue中实现文字超出横向滚动

最新推荐文章于 2024-07-09 11:43:29 发布

给你喝豆浆啊

最新推荐文章于 2024-07-09 11:43:29 发布

阅读量4.4k

点赞数 3

分类专栏：前端文章标签： vue.js css html es6 javascript

本文链接：https://blog.csdn.net/xj2wjtx/article/details/111224805

版权

本文介绍了在Vue项目中如何利用marquee组件实现文字超出屏幕范围后自动横向滚动的效果，详细讲解了组件的使用方法。

摘要由CSDN通过智能技术生成

vue中实现文字超出横向滚动

marquee组件

<template>
  <div class="marquee-wrap" ref="marquee-wrap">
    <div class="scroll" ref="scroll">
      <p class="marquee">{
   {
   text}}</p>
      <p class="copy" ref="copy"></p>
    </div>
    <p class="getWidth" ref="getWidth">{
   {
   text}}</p>
  </div>
<