点击按钮滚动条滑动到某个位置

最新推荐文章于 2024-07-08 23:52:59 发布

菜鸟中的菜菜鸟

最新推荐文章于 2024-07-08 23:52:59 发布

阅读量4k

点赞数

分类专栏：只要思想不滑坡，方法总比困难多

本文链接：https://blog.csdn.net/qq_39692513/article/details/93719421

版权

本文介绍如何在Vue项目中，通过JavaScript方法实现点击不同按钮，使得页面滚动条自动滑动到预设的位置，提升用户体验。

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

vue界面：

<el-tabs v-model="active" @tab-click="jumpTitle">
  <el-tab-pane v-for="(item, index) in steps"
               :key="index" :label="item" :name="item"></el-tab-pane>
</el-tabs>（steps里是各个按钮的名字，只有一个按钮的话，可以传id或ref注册的名字到方法中）

<el-card ref="leftNewsDiv" @scroll.native="handleScroll" class="reviewLDCardStyle" :body-style="{ height:'92% ',}" >
  <p class="mianDFont"><img :src="imgurl" class="imgDStyle">1</p>
  <p class="mianDFont"><img :src="imgurl" class="imgDStyle">基本情况</p>
</el-card>

js方法

//根据按钮的不同，跳转到不同的位置