问检测AngularJs中正在查看的页面滚动/当前部分
EN

Stack Overflow用户

提问于 2015-02-05 13:00:08

回答 1查看 394关注 0票数 0

我的页面分为两部分：#页-1和#页-2。

见Plnkr：http://plnkr.co/edit/RZJLmsWDfs63dC0QuDJi

<body>
    <section id="page-1">
       This is page 1. It takes the whole height of the browser. User has to scroll down to see page-2.
     </section>

    <section id="page-2">
       <span class="animated bounce">This is page 2  </span>       
     </section>
</body>

动画类正在应用于#page-2中的不同元素。但是，当用户滚动到这些元素时，动画已经完成了。因此，它们看起来就像静态对象。

我是否可以检测到#page-2当前正在被查看，然后将函数调用到addClass(“动态弹跳”)到某些元素？

如果可能的话，我想在安古拉杰实现这一目标。

angularjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-05 15:29:55

在这种情况下，我找到了一个angularjs指令，可能对你有帮助。如果一个dom元素在屏幕上可见，视点试图通过向您报告来解决这个问题。不幸的是，我无法测试我的解决方案，因为我找不到Inview的缩小的js文件，但是我组装了一些应该可以工作的代码：

<section id="page-2" in-view="{$inview ? isFocused=true;}">

   <div ng-class="{'animated bounce': isFocused}">This is page 2 </div>

</section>

当元素在浏览器中可见时，$inview应该是真的。这将导致将范围变量isFocused设置为true，并为此将动画类添加到div中。

这应该如你在你的问题中所打算的那样起作用，如果它由于某种原因而不起作用，请告诉我，这样我就可以改进我的答案。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28344647

复制

相似问题

问检测AngularJs中正在查看的页面滚动/当前部分
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测AngularJs中正在查看的页面滚动/当前部分EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测AngularJs中正在查看的页面滚动/当前部分
EN