分类：vue滚动条

2021
11-09

vue实现一个滚动条样式

起初是想修改浏览器滚动条样式来达到效果但是查阅了资料浏览器滚动条不能修改宽度与位置没办法只能自己写首先是滚动条样式<divclass="scrollBar"v-if="roleList.length>5"><divclass="box"@mousedown="move"v-bind:style="{width:activewidth+'px'}"></div></div>样式.scrollBar{width:500px;height:6px;background:#d5dbf5;margin:0auto;margin-t... 继续阅读 >

2020
10-08

Vue记住滚动条和实现下拉加载的完美方法

滚动条常见于移动端App在滚动点击进入的时候问题描述当我们在开发webapp的时候，经常会遇到一个问题，就是当从一个可滚动的列表页进入到下一个详情页面，然后返回列表页面的时候，很难去还原滚动条的状态，无法记住进来时候的位置。以前我尝试过很多方法：有vue-router自带的scrollBehavior，需要记住scrollTop，然后还原，但是管理这个scrollTop显得很麻烦，有的时候还不容易取值还有使用纯CSS的方式，在列表页面... 继续阅读 >