Javascript AngularJS无限滚动,不仅适用于chrome全屏
我正在ng repeat上进行无限滚动,使用loadMore()函数更改limito值 代码如下: 指令(在JSFIDLE上找到): 以下是进入控制器的代码:Javascript AngularJS无限滚动,不仅适用于chrome全屏,javascript,css,angularjs,scroll,Javascript,Css,Angularjs,Scroll,我正在ng repeat上进行无限滚动,使用loadMore()函数更改limito值 代码如下: 指令(在JSFIDLE上找到): 以下是进入控制器的代码: var nb = 15; $rootScope.vue = nb; $rootScope.loadMore = function() { $rootScope.vue = $rootScope.vue + 5; } 以下是html中的代码: <div class="container-fluid" id="full-2"&
var nb = 15;
$rootScope.vue = nb;
$rootScope.loadMore = function() {
$rootScope.vue = $rootScope.vue + 5;
}
以下是html中的代码:
<div class="container-fluid" id="full-2">
<div class="row" id="full-3">
<div class="col-xs-12 col-md-10" id="fixed" when-scrolled="loadMore()">
<ul>
<li ng-repeat="pg in eleves0 | search:query:['millesime']:operator | orderBy:orderProp | limitTo:vue">
[...]
</li>
</ul>
</div>
</div>
这段代码在IE、Firefox和Opera上运行得非常好。向下滚动时,会出现新内容
它在Chrome上全屏显示时不起作用。
如果窗口高度<~300-500像素(取决于计算机),它有时在Chrome上工作
你知道它是从哪里来的吗?如何解决它?刚刚找到了一个解决方案。
改为:
#fixed{
height:100%;
overflow: scroll;
}
它起作用了添加一些关于此答案如何帮助解决当前问题的解释当用户滚动到元素中的其他位置时,滚动事件将发送到元素。它适用于窗口对象,但也适用于可滚动的框架和元素,其溢出CSS属性设置为滚动(或当元素的显式高度或宽度小于其内容的高度或宽度时自动)。@Gullfaxi171问题是否已修复?@user3364329将此CSS放置在何处提供完整的解决方案。您仍然存在此问题吗?
html, body{
background-color:#ccc;
height:100%;
}
#full{
height:100%;
}
#full-1{
height:90%;
}
#full-2{
height:100%;
}
#full-3{
height:100%;
}
#fixed{
height:100%;
overflow: auto;
}
#fixed{
height:100%;
overflow: scroll;