首頁猿問 angular...

angular A,Bdiv兩個(gè)ng-show切換的話，（A->B->A）如何保持A的頁面滾動(dòng)位置

JavaScript

慕桂英3389331 2018-10-18 14:10:20

例如兩個(gè)div A B，ng-show A B的值互斥，當(dāng)A頁面顯示時(shí)點(diǎn)擊按鈕使A隱藏B顯示，再點(diǎn)擊按鈕使B隱藏A顯示，如何使此時(shí)頁面的位置停留在A頁面按鈕的位置<div ng-show="A">非常多的內(nèi)容，假設(shè)滾動(dòng)條滾到下面某個(gè)位置點(diǎn)擊按鈕使B div顯示， A div隱藏</div><div ng-show="B">點(diǎn)擊按鈕使A div顯示，如果使頁面位置停留在當(dāng)初A div 按鈕所在滾動(dòng)條的位置</div>http://codepen.io/a1314xu/pen...

查看完整描述

1 回答

交互式愛情

TA貢獻(xiàn)1712條經(jīng)驗(yàn) 獲得超3個(gè)贊

在下面這樣的結(jié)構(gòu)里面，每次切換頁面的時(shí)候，先重showScrollTag 讀取位置，然后移動(dòng)到位置。每次滾動(dòng)的時(shí)候，吧showScrollTag[showTag]=當(dāng)前的滾動(dòng)位置。

showTag = "A";//showTag = "B";互斥的標(biāo)記showScrollTag = {A:200,B:350};//每個(gè)標(biāo)記滾動(dòng)距離<div ng-show="showTag=='A'">
</div>
<div ng-show="showTag=='B'">
</div>

反對(duì) 回復(fù) 2018-11-16