在angular中一个页面滚动后,打开新页面不在最顶部的解决办法

解决办法:使用$anchorScroll

找到当前页面的controller,在开头中加入以下部分代码,如图所示:

$anchorScroll的剩余用法请参考官方文档:

https://docs.angularjs.org/api/ng/service/$anchorScroll

原文地址:https://www.cnblogs.com/cnliang/p/10273583.html

时间: 2024-10-09 21:08:05

在angular中一个页面滚动后,打开新页面不在最顶部的解决办法的相关文章

HTML5培训第12节课堂笔记(本地存储、mui打开新页面、创建子页面)

HTML5培训第12节课堂笔记 1.     html5规范中本地储存localStorage与sessionStorage html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁.因此  sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. localStorage用

Web设计中打开新页面或页面跳转的方法

一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;);</script>&quo

Web设计中打开新页面或页面跳转的方法 js跳转页面

Web设计中打开新页面或页面跳转的方法 一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;)

解决移动端页面滚动后不触发touchend事件

解决移动端页面滚动后不触发touchend事件 问题 在移动端页面进行优化时,一般使用touch事件替代鼠标相关事件.用的较多的是使用touchend事件替代PC端的click和mouseup事件. 可是,touchend事件在页面滚动时有个问题.在滚动完毕后,假设当前触点的位置所指的元素绑定了touchend事件,这时便会触发该元素的touchend事件,造成误操作. 解决方法 解决方法非常easy.就是在页面滚动时停止touchend事件冒泡.这样就能够防止触发touchend事件. 用法

JavaScript关闭窗口的同时打开新页面的方法

做网页的时候需要弹出一个小窗口,然后要实现一个功能就是鼠标点击超链接关闭小窗口并打开一个新页面,就如同下图: 这是一个小窗口,点击超链接这个窗口会关闭并且会正常在浏览器打开新页面,首先写js关闭窗口的方法 1 <script type="text/javascript"> 2 function closewin(){ 3 //关闭窗口的方法 4 window.opener=null; 5 window.open('','_self',''); 6 window.close(

ajax 页面请求后,jsp页面定位

如下图所示.A,B两区域为不动区域,既不随着滚动条的滚动而移动.C区域为异步加载内容区域, 在C区域中,点击查询按钮,需要异步加载查询 结果.但是查询结果会很长,这样子,就需要向下滑动滚动条,用户体验不是很好.所以决定点击查询按钮后,页面自动的向下滚动.所以使用了scrollTop 这个方法 具体代码只有一行就搞定了! 我的这个滚动条是body级别的!所以使用如下: $("body").scrollTop(450); 如果是div级别的滚动条,获取div对象.scrollTop(&qu

js window.open打开新页面

js中window.open打开一个新的页面,其实它的参数有很多. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/ht

sharepoint 2013 自定义列表查看页面附件打开新页面方法 dispform attachments open new page

我们在sharepoint的列表中,打开某一条数据,如果那条数据有附件,打开附件的时候,总是会把当前的页面给替换掉.如何在点击附件的时候,打开新页面,可以用一下一段脚本来处理. <script> $(document).ready(function () { if ($("#idAttachmentsTable") != null) { $('#idAttachmentsTabletbody tr td').each(function () { var href = $(t

js 打开新页面 window.open()

利用js打开一个新页面,而不是一个新窗口. 在网上各种东西啊,蛋疼了半天,还白疼了.. 后来看到a标签有target属性,然后又发现window.open()的第二个参数是target,然后我笑了(er'zhe) w3school上的target属性,点我 ,大家可以打开新页面了,也可以打开新窗口了. 我只写了新页面的,和<a href='#' target="_blank">开</a>效果一样: window.open(“xxx.html”,“_blank”)

mui 打开新页面

mui 打开新页面需要用到 openWindow() 方法和 id,id 指点击的那个元素的 id ,至于 openWindow() ,详细可到 mui 文档>窗口管理>打开新页面查看,我在测试(真机运行,效果实现),用的比较简单,代码如下: document.getElementById('mphone').addEventListener('tap', function() { //打开关于页面 mui.openWindow({ url: 'phone.html', id:'mphone'