![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
scrollTop
陈浩然哦
加油,明天会更好!
展开
-
VUE 列表页跳转到详情页,点击返回上一页,回到原来的位置
一、利用vuex在store/index.js中记录滚动条历史高度记录列表页分页页数let store = new Vuex.Store({ state: { myHistroy: { pageNum: 1, // 列表页分页页数 scrollTop: 0, // 滚动条历史高度 }, }, mutations: { MYHISTROY: (state, myHistroy) => { state.myHistroy=原创 2022-03-29 16:32:07 · 3971 阅读 · 0 评论 -
VUE 列表页中实现分页加载(下拉到底部触发下一页 )
1、HTML结构注:该方法所执行的基础是10条数据的高度总和应大于列表盒子固定高度 <ul class="my_list" @scroll="scrollEvent"> <li v-for="(item, index) in myList" :key="item.id"></li> </ul>2.滚动加载分页方法以及所需变量配置 data() { return { isUpdate: true, // 是否到底原创 2022-03-29 14:04:56 · 7280 阅读 · 2 评论 -
JS实现滚动条自动滚动(scrollTop)
js部分很简单:通过控制scrollTop的值来实现自动滚动效果;注意(重点):1、scrollTop的值不可以加单位,谨记;2、网页缩放比例会影响效果实现(下面具体说);3、如果这个元素没有被溢出,scrollTop为0;4、设置的scrollTop值小于0,则scrollTop的值为0;5、如果设置scrollTop的值超出了这个容器滚动的值,则scrollTop的值为容器最大...原创 2019-06-18 14:57:17 · 34924 阅读 · 2 评论