javascript - 单页面应用,页面跳转后,返回后,回到当前位置?

查看:85
本文介绍了javascript - 单页面应用,页面跳转后,返回后,回到当前位置?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

业务场景:用vue.js开发单页面应用,当滚动到页面a底部时,点击跳转到下一个页面b,再按返回,页面还是停留在页面a的底部,怎样做?

解决方案

**以上答案全部作废;哈哈,狂不?**

返回的话,如果前面是个带图列表页,无论怎么返回,都会重载入该列表视图;
也就是说;图片没完全载入的情况下,即便你做了scrollHeight或者scrollTOP,
都无法滚动到指定位置,因为html本身都没有那么长;

**在下angularjs写过一个瀑布流的MALL,就这返回并定位到位置的门槛高到直接挡脸的高度;**
好啦:我当初的解决方案,其实相当简单;A页 - B页这样的话,其实A页和B页是一个视图;
1,当初做的B页是直接接到A页瀑布流的底部;
2,禁用瀑布流;同时记录_ScrollTop到controller;
3,吧瀑布流height:0;
-,返回就是把B页隐藏;(用作复用);
5,瀑布HEIGHT:AUTO;
6,你返回了;

差不多就这样,偷懒的方法;( ̄▽ ̄)";
**只要跳视图了,基本触发重载;
所以,就不能触发重载咯**;AB就是一个视图里面了;

这篇关于javascript - 单页面应用,页面跳转后,返回后,回到当前位置?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆