Vue - 动态改变元素容器(非页面body)滚动条位置(设置指定子元素div的滚动条位置)
2023-09-11 14:15:54 时间
前言
如果您遇到了 Vue 页面缓存(keep-alive)返回后滚动条回到了顶部,不在原来的位置了(从详情页返回列表时发现滚动条位置回到了最顶部,滚动条并没有停留在进入详情页之前),请访问:这篇文章。
例如您有一个子元素容器(非body),并将其设置了最大高度,
当内容溢出后会出现滚动条,您想要 动态控制 该滚动条的位置。
网上大部分文章都是页面(body)滚动相关,没有 指定元素容器(div) 的内容,
本文带您从 0-1 实现一个动态更改滚动条位置的例子,如下图所示:
解决方案
推荐使用平台一键复制功能,避免漏选。
您随便找个页面,运行起来即可。
<template<
相关文章
- (尚027)Vue_案例_交互添加
- 【Vue】错误 : 无法加载文件 C:UsersAdministratorAppDataRoamingnpmvue.ps1,因为在此系统上禁止运行脚本的解决方法
- vue 笔记二
- Vue侦听器
- Vue——vue中的双向数据绑定
- 解决 vue-cli3 多入口打包 BASE_URL is not defined
- Vue之x-template(2)
- 用 vue cli 脚手架搭建单页面 Vue 应用(进阶2)
- vue-router踩坑日记Unknown custom element router-view
- vue基础 Vue.extend
- VUE组件递归实现自定义目录及拖拽效果
- Vue的实例属性和方法
- 宝塔配置vue反向代理Nginx解决
- 深入理解Vue组件3大核心概念
- vscode快速生成vue代码---创建Vue代码模板
- Vue学习第27天——路由vue-router的详解及案例练习
- Vue学习第14天——vue自定义事件及详细代码演示