vue 设置滚动条位置

最新推荐文章于 2024-05-16 03:10:03 发布

阿豪boy

最新推荐文章于 2024-05-16 03:10:03 发布

阅读量1.1k

点赞数

文章标签： vue js javascript java react

本文链接：https://blog.csdn.net/qq_35516360/article/details/122066851

版权

原文链接: vue 设置滚动条位置上一篇: ...

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

原文链接: vue 设置滚动条位置

上一篇: vue 常见坑

下一篇: html 滚动条位置

List

在list中监听scroll事件，每次保存该值到组件数据中，在组件被激活时，再次设置滚动条到上次记录的位置

该组件必须使用keep-alive缓存，否则只能使用vuex等状态管理插件保存页面位置信息

<template>

    <div style="height: 200px;border: 2px solid #333;overflow-x: hidden;box-sizing: border-box;" @scroll="scroll">
        <h1>
            List
        </h1>
        <div v-for="i in arr" :key="i" style="height: 200px"> {
   {i}}</div>

    </div>
</template>

<script>
    export default {
        name: "list",
        data() {