javascript - frameset 右侧主页面开了一个定时器后滚动条总是跳到页面底部

问题描述

问 题

frameset 右侧主页面开了一个定时器后滚动条总是跳到页面底部，间隔时间就是定时器的时间，而且是当滚动条滚到一半以下才会出现这种状况，定时器内是两个$http请求数据，得到的数据用angularJs的ng-repeat写到页面上了，ng-repeat="item in list".

框架是这样的

<frameset rows="64,*" frameborder="NO" border="0" framespacing="0">
    <frame src="top.html" noresize="noresize" frameborder="NO" id="topFrame" name="topFrame" scrolling="no" marginwidth="0" marginheight="0" target="main" />
    <frameset cols="210,*" id="frame">
        <frame src="left.html" name="leftFrame" id="leftFrame" noresize="noresize" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" target="main" />
        <frame src="dashboard.html" name="main" id="main" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" target="_self" />
    </frameset>
</frameset>

不懂为什么会出现这种问题，我js根本就没有对滚动条进行操作，麻烦大牛解答一下，谢谢！

解决方案

如果定时器是重新加载页面内容（或大量重绘）就有可能出现回滚到顶部的情况。Angular 的组件基本上是以重绘的形式来进行的（看你数据变化会引起重绘的哪些内容，来确定重绘区域的大小），可以考虑在重绘之后（对应的 angular 事件我记不清了），重新定位到之前的位置，但有可能会引起闪烁。

这篇关于javascript - frameset 右侧主页面开了一个定时器后滚动条总是跳到页面底部的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！