程序员经验分享-hwhale

如何在 AngularJS 中滚动到页面顶部？

2024-05-30

我想在使用 angularjs 获得 ajax 调用响应后滚动到页面顶部。基本上，我在页面顶部显示警报消息，并且希望在收到 ajax 响应时将警报消息集中显示。

Thanks


您可以使用

$window.scrollTo(x, y);

where x是沿水平轴的像素，y是沿垂直轴的像素。

  1. 滚动到顶部

    $window.scrollTo(0, 0);

  2. 聚焦元素

    $window.scrollTo(0, angular.element('put here your element').offsetTop);

Example http://plnkr.co/edit/7kevR9WUJTNH7h5R6VVS?p=preview

Update:

您也可以使用$anchorScroll https://docs.angularjs.org/api/ng/service/%24anchorScroll

Example http://plnkr.co/edit/LnbDff2bK7zw8FsSorll?p=preview

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

jQuery

angularJS

如何在 AngularJS 中滚动到页面顶部？ 的相关文章

随机推荐

  • R List with sub-list：将与规则匹配的所有元素提取到数组中

    我有一个 R 对象列表 它们又是各种类型的列表 我想要类别为 内部 的所有对象的 成本 值 实现这一目标的好方法是什么 如果我有一个数据框我会做类似的事情 my dataframe cost my dataframe category in

  • Java - 为什么从文件读取时跳过零

    为什么我的程序在读取文件时忽略零 例如 以下是文件中的数字 0001 0011 0010 然后这是我的输出 1 11 10 这是我的代码 File file new File num txt Scanner scanner new Scan

  • 从命令行执行查询时出现 PostgreSQL 编码问题

    我正在尝试执行存储在文件中的 SQL 查询 我正在使用以下命令来执行 psql d DB NAME a f QUERY NAME sql 我在 SQL 文件中有一些非英语文本 例如 执行查询时 数据库中的文本如下所示 我如何执行查询命令行以

  • 在 Drupal 中对视图进行排序时忽略“The”

    当用户在 Drupal 站点中对视图进行排序时 如何忽略 The 你有没有尝试过调查视图自然排序模块 http drupal org project views natural sort 取自上面链接的模块页面 提供排序的视图过滤器 以更自

  • 调用未定义的函数curl_version

    您好 我已经在运行 php 5 6 的 ubuntu 14 04 上安装了 wordpress 4 6 网站 管理页面不可见 我可以在日志中看到以下错误 致命错误 在第 274 行调用 var www html files modules

  • 添加监听器与设置监听器

    添加监听器和设置监听器有什么区别 e g addTextChangedListener textWatcher setOnClickListener clickListener Answer 在 aioobe 的回答之后 我在我的项目中对此

  • 有什么方法可以声明盒子的大小/部分边框吗？

    有什么方法可以在 CSS 中声明框的大小 部分边框吗 例如一个盒子350px只显示第一个边框底部60px 我认为这可能非常有用 例子 并不真地 但以优雅降级且不需要多余标记的方式实现这种效果非常容易 div width 350px heig

  • 在openCV内部调用Gstreamer

    我需要在 openCV 代码中调用 Gstremaer 本质上是打开摄像机 当我查看源代码时 modules highgui src cap gstreamer cpp似乎是我正在寻找的文件 我用 Gstreamer 标志编译了 OpenC

  • 如何使用 vim 更改文件的编码？

    我习惯使用 vim 修改文件的行结尾 file file file ASCII text with CRLF line terminators vim file set ff mac wq file file file ASCII text

  • SugarORM 错误或缺少数据库

    我尝试让 Android 项目与 SugarORM 一起使用 但是 我遇到了以下错误 引起原因 android database sqlite SQLiteException 没有这样的表 DOCUMENT 代码1 编译时 INSERT O

  • Python 和 Django IDE 具有远程编辑功能吗？

    我正在寻找一个 IDE 它允许我编辑远程 Python 项目 并且还具有良好的 Django 支持 远程命令执行以及远程调试 我已经尝试使用 PyCharm 和 Aptana 与 PyDev 但我在配置它们进行远程编辑时运气不佳 感谢您的帮

  • 使用brew时出现“错误的解释器”错误

    当我尝试运行任何 brew 命令时 出现此错误 Holger Sindbaeks MacBook Air holgersindbaek brew help bash usr local bin brew usr bin ruby bad i

  • 如何确定自定义 UINavigationItem.titleView 的大小/框架？

    创建自定义视图并将其分配给 navigationItem titleView 属性后 它的显示如下 自定义视图填充两个按钮之间的空间 因此 自定义视图并不以导航栏为中心 如何确定 titleView 属性中视图的框架 我想在导航栏中居中放置

  • 使用 z-index 的链接在 Firefox 和 IE 中无法单击，即使它位于顶部

    我试图让文本链接出现在部分透明图像的顶部 而该图像又位于纯色背景的顶部 我希望在打印页面时打印链接文本和图像 但不打印彩色背景 这就是为什么我不使用背景图财产 问题在于 虽然链接显示在图像顶部 并且图像按需要显示在背景顶部 但无法单击该链接

  • 如何在coldfusion中对HTML表单进行编码？

    我是冷聚变新手 我有一个名为 test1 cfm 的页面

  • 如何从一个清晰的例子计算二维图像中的吉布斯能量

    我有一个关于矩阵的有趣问题 在吉布斯分布中 吉布斯能量U x 可以计算为 这是所有可能的派系 C 上的派系势 Vc x 的总和 右图 团 c 被定义为 S 中站点的子集 x 蓝色像素的邻域是左图中黄色像素的邻居 其中每对不同的站点都是邻居

  • 如何使用 JavaScript 定位 Edge 浏览器

    我知道您应该尽可能进行功能检测 但是您可以在 Javascript 中检测浏览器是否是 Microsoft Edge 浏览器吗 我维护一个旧产品 并且想显示一个警告 表明某些功能可能会被破坏 而无需投入大量时间来修复旧代码 尝试检测功能而不

  • 用 C# 定制形状的 Aero Windows？像这些！

    How do I make an irregular shaped Aero window like this one Look in the lower right corner This program http www oneupin

  • python-docx 如何合并行单元格

    我正在使用数据创建 Word 文档python docx 我可以毫无问题地创建所有行和单元格 但在某些情况下 当数据库中的当前记录在字段中包含某些内容时comment 我需要添加一个新行来显示很长的内容 我尝试附加一段 但结果是注释附加在表

  • 如何在 AngularJS 中滚动到页面顶部？

    我想在使用 angularjs 获得 ajax 调用响应后滚动到页面顶部 基本上 我在页面顶部显示警报消息 并且希望在收到 ajax 响应时将警报消息集中显示 Thanks 您可以使用 window scrollTo x y where x

热门标签