AngularJS 'scrollTop' 等价的?

编程入门 行业动态 更新时间:2024-10-23 11:16:05
本文介绍了AngularJS 'scrollTop' 等价的?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

限时送ChatGPT账号..

我希望在 AngularJS 指令中实现类似的东西:

I'm looking to implement something similar to this in an AngularJS directive:

https://github/geniuscarrier/scrollToTop/blob/master/jquery.scrollToTop.js

这相当简单,当您不在页面顶部时,它会淡入一个按钮以滚动到顶部:

It's fairly straightforward, when you are not at the top of the page it will fade in a button to scroll to the top:

$(window).scroll(function() {
  if ($(this).scrollTop() > 100) {
    $this.fadeIn();
  } else {
    $this.fadeOut();
  }
});

但是,我很难找到如何在 Angular 中获取当前滚动位置.我宁愿不必只为这件事使用 jQuery.

However I'm having a hard time finding how to get the current scroll location in Angular. I'd rather not have to use jQuery just for this single thing.

推荐答案

$window.pageYOffset

这是来自服务 $window 的属性

This is property from service $window

这篇关于AngularJS 'scrollTop' 等价的?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

更多推荐

[db:关键词]

本文发布于:2023-04-21 22:06:36,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1011341.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:AngularJS   scrollTop

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!