热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vueroutelink跳转之后再返回记录刚刚访问的位置(图片列表页)

1.vue页面跳转之后记录跳转之前的位置,返回之后继续回到刚刚访问的位置(单页面应用)2.这是我在created里面的代码,能拿到scrollTop值,就是返回之后设置不上let

1.vue页面跳转之后记录跳转之前的位置,返回之后继续回到刚刚访问的位置(单页面应用)
2.这是我在created里面的代码,能拿到scrollTop值,就是返回之后设置不上
let ls = window.localStorage;



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
            if (ls.getItem('sTop')) {

                let oldStop = ls.getItem('sTop');



                // 获取到的值来设置页面滚动条的位置

                if (document.documentElement.scrollTop) {

                    document.documentElement.scrollTop = oldStop;

                } else {

                    document.body.scrollTop = oldStop;

                }

            } else {

                console.log('抱歉,找不到滚动条的值');

            }

            // 监听页面滚动条的状态(是否滚动)

            window.addEventListener('scroll', function() {

                // 滚动时获取页面滚动条的位置

                var sTop =document.body.scrollTop || document.documentElement.scrollTop;

                console.log(sTop)

                // 滚动条的位置保存到本地存储里面

                ls.setItem('sTop', sTop);

            }, false);

3.似乎没看到任何不妥之处啊


   



推荐阅读
author-avatar
用户x735b8j5iu
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有