angular.js - 查看详情以后,返回列表页没有停留在原先查看的地方-angularJS问题的解决办法?求大神指教
黄舟
黄舟 2017-05-15 16:53:07
0
1
598

查看详情以后,返回列表页没有停留在原先查看的地方-angularJS问题的解决办法?求大神指教

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

모든 응답(1)
左手右手慢动作

목록 페이지가 페이지가 매겨진 페이지인 경우 페이지의 페이지 번호를 URL에 저장한 다음 돌아올 때 URL에서 페이지 번호를 읽고 해당 페이지 번호의 데이터를 로드해야 합니다.
목록 페이지가 매우 길고 원래 위치로 돌아가야 하는 경우 이 페이지에서 사용자의 위치를 ​​기록하기 위해 서비스를 추상화하고 이 페이지에 들어갈 때마다 이를 읽어야 할 수 있습니다. code>스크롤 해당 위치로 이동하세요. scrollTo那个位置。
如果你的列表页面没有分页,也不是很长,那其实最好就返回页面顶部吧。

针对页面很长的情况:

js// PagePosition Service
angular.module('app').factory('PagePosition', function() {
    var _top = 0;
    var _left = 0;

    return {
        getPosition: function() {
            return {
                top: _top,
                left: _left
            }
        },
        setPosition: function(top, left) {
            _top = top;
            _left = left;
        }
    }
});

把这个service注入到你所需要的view或者directive里面,在用户滚动事件中修改position,在返回到这个页面的时候读取position,并且调用scrollTo 목록 페이지에 페이지 매김이 없고 길이가 그리 길지 않은 경우 실제로는 페이지 상단으로 돌아가는 것이 가장 좋습니다.

페이지가 매우 긴 경우:

으아악 🎜필요한 뷰나 지시문에 이 서비스를 삽입하고, 사용자 스크롤 이벤트에서 위치를 수정하고, 이 페이지로 돌아올 때 위치를 읽고, scrollTo를 호출하여 위치를 지정하세요. 🎜 🎜단, 페이지가 너무 길면 페이지 단위로 목록을 표시하는 것이 가장 좋습니다. 돌아올 때 이전 위치로 돌아갈 수 있더라도 사용자 경험이 상당히 좋지 않기 때문입니다. 🎜
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿