javascript - angular A,Bdiv两个ng-show切换的话，（A->B->A）如何保持A的页面滚动位置

问题描述

问 题

例如两个div A B，ng-show A B的值互斥，当A页面显示时点击按钮使A隐藏B显示，
再点击按钮使B隐藏A显示，如何使此时页面的位置停留在A页面按钮的位置

<div ng-show="A">
非常多的内容，假设滚动条滚到下面某个位置 点击按钮使B div显示， A div隐藏
</div>

<div ng-show="B">
点击按钮 使A div显示，如果使页面位置停留在当初A div 按钮所在滚动条的位置
</div>
http://codepen.io/a1314xu/pen...

解决方案

谢邀。在下面这样的结构里面，每次切换页面的时候，先重showScrollTag 读取位置，然后移动到位置。每次滚动的时候，吧showScrollTag[showTag]=当前的滚动位置。

showTag = "A";//showTag = "B";互斥的标记
showScrollTag = {A:200,B:350};//每个标记滚动距离
<div ng-show="showTag=='A'">
</div>
<div ng-show="showTag=='B'">
</div>

这篇关于javascript - angular A,Bdiv两个ng-show切换的话，（A-&gt;B-&gt;A）如何保持A的页面滚动位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！