Angular 回到顶部 滚动到特定的页面位置
- $timeout(function() {
- // $location.hash('bottom');
- // $anchorScroll();
- // var a=angular.element("#loginPage")[0].scrollTop;
- // var b=angular.element("#loginPage")[0].scrollHeight;
- // angular.element("#loginPage")[0].scrollTop=b;
- var height = $("#loginPage").outerHeight()-110;
- var width = $("#loginPage").outerWidth()-260;
- $('body, html').animate({
- "scrollTop" : height,
- "scrollLeft" : width
- }, 500);
- })
- <!-- Top content -->
- <div ng-controller="YacmpLoginController">
- <div id="loginPage" class="top-content" style="position: static;background-image: url(libs/img/backgrounds/ClearingHouseBg.png);">
- <div class="container" style="width: 100%;">
- <div class="row">
- <div class="col-sm-12 form-box">
- <div class="form-bottom">
- <form role="form" action="login" method='POST' autocomplete="off" name="loginForm" novalidate>
- <div style="padding-left: 192px;">
- <span class="error" ng-show="errorMessage != null">{{errorMessage|translate}}</span>
- </div>
- <div class="form-group row">
- <label class="col-sm-4 control-label">{{'User Id/Email'|translate}}:</label>
- <!--<label class="sr-only" for="form-email">{{'User Id/Email'|translate}}</label>-->
- <div class="col-sm-5">
- <input type="text" name="username" ng-model="username" class="login-form-control" placeholder="{{ 'User Id/Email' | translate}}" id="form-email" required autocomplete="off"/>
- <span class="error" ng-show="for.username.$error.required">
- {{'Please input user id or email'|translate}}
- </span>
- </div>
- </div>
- <div class="form-group row">
- <label class="col-sm-4 control-label">{{'Password'|translate}}:</label>
- <div class="col-sm-5">
- <input type="password" name="plainPwd" ng-model="password" class="login-form-control" placeholder="{{ 'Password' | translate}}" required autocomplete="off">
- <input hidden name="password" value="{{passwordHash}}" />
- <input hidden name="encrypted" value="{{isEncrypted}}" />
- <input hidden name="loginType" value="{{loginType}}" />
- </div>
- <!--<div class="col-xs-6">-->
- <!--<input type="checkbox" class="login-form-control"/>-->
- <!--{{'Remember me'|translate}}-->
- <!--</div>-->
- <!--<div class="col-xs-1 pull-right">-->
- <!--<a class="float-right" ng-href="#/register">{{'register'|translate}}</a>-->
- <!--</div>-->
- <div class="col-sm-2">
- <a ng-click="forgetPassword()">{{'Forget Password'|translate}}</a>
- </div>
- </div>
- <div class="row">
- <div>
- <button type="submit" name="submit" value="Login" class="btn btn-primary btn-block btn-flat">{{'Sign in'|translate}}</button>
- </div>
- </div>
- <div class="form-group row">
- <!--<select class="login-form-control" ng-model="selectedTenant" ng-options="t.name for t in all_tenants" required ng-disabled="all_tenants.length===1">-->
- <!--</select>-->
- <input hidden name="tenant" value="{{selectedTenant}}" />
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <a id="bottom"></a>
- </div>
- </div>
Angular 回到顶部 滚动到特定的页面位置的更多相关文章
- Angular回到顶部按钮指令
之前的分页代码指令化在线下测试没有问题,到服务器上就不运行了,所以那个先放一放. 今天来把"回到顶部"按钮指令化.首先是页面html: <!--回弹按钮--> < ...
- 小程序scroll-view实现回到顶部
一.wxml页面:catchtap阻止冒泡事件. <view class="gotop" hidden='{{!cangotop}}'catchtap="goTop ...
- 页面滚动事件和利用JS实现回到顶部效果
页面滚动 事件:window.onscroll, 获得页面滚动位置:document.body.scrollTop: HTML代码: 这里注意此处逻辑,大于500就显示,否则就隐藏,还有注意如果变量名 ...
- 关于angular跳转路由之后不能自动回到顶部的解决方法
Question: angular2 scroll top on router change 当我们在第一个路由滑动到底部当我们点击导航跳转到另一个路由时页面没有回到顶部而是保持上一个路由的滚动位置, ...
- 【JQ+锚标记实现点击页面回到顶部】
前言:今天想写个页面常用到的[点击回到页面顶部或是首页的功能],生活和职场一样,总会有低谷的时候,这个时候咱也别怂.别怂.别怂,说三遍!那都不是事,工作没了,再找呗,就像我上周五,团队解散那天,我是笑 ...
- js——页面回到顶部
很久都没有去慕课网学习学习了,刚恰好就看见了一个用的比较多的小例子——页面回到顶部,记得之前自己也是在初学web时,被这个坑了一回,因此今天特地拿来分享分享…… <!DOCTYPE html&g ...
- jacascript 滚动 scroll 与回到顶部
前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 滚动 scroll scrollHeight 表示元素的总高度,包括由于溢出而无法展示在网页的不可见部分: ...
- jQuery实现页面回到顶部功能
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- js刷新页面不回到顶部
今天遇到刷新页面不回到顶部的需求 window.location.reload();方法已经解决了问题,但是ie8不支持,后来采用的是锚点这个方法 window.location = '/plan/g ...
随机推荐
- IOS微信API异常:unrecognized selector sent to instance 0x17005c9b0'
开发IOS整合微信API的时候,在运行程序的过程中可能会在注册你的APPID的时候抛出此异常而导致程序崩溃. 异常描述 [7661:2826851] *** Terminating app due t ...
- Jquery动态添加 删除 操作实现
这是gridView为空数据时显示的表头 下面直接填代码: function Add() { //动态添加行 $("#gridCustomerView").append(" ...
- [android] AndroidManifest.xml - 【 manifest -> permission】
在 API Level 1 时被引入 语法: <permission android:description="string resource" android:icon= ...
- Hadoop源码分析之数据节点的握手,注册,上报数据块和心跳
转自:http://www.it165.net/admin/html/201402/2382.html 在上一篇文章Hadoop源码分析之DataNode的启动与停止中分析了DataNode节点的启动 ...
- 嵌入式驱动开发之uboot---uboot 中的常见命令参数参数
Uboot相关命令介绍 bootm bootp cmp cp crc32 echo erase flinfo go minfo loadb loads mw 14mw 用指定的数据填充内存 15md ...
- php -- PDO属性设置
设置PDO在处理数据的过程中采用什么方式去处理 PDO::setAttribute:设置属性 PDO::getAttribute:获取属性 语法: bool PDO::setAttribute ( i ...
- freemarker2 指令
if,else,elseif 指令 <#if x==1> x is 1 </#if> <#if==1> x is 1 <#else> x is not ...
- 【转】Native Thread for Win32 C- Creating Processes(通俗易懂,非常好)
http://www.bogotobogo.com/cplusplus/multithreading_win32C.php To create a new process, we need to ca ...
- 编程之美 set 14 小飞的电梯调度算法
题目 电梯每次上升只停一次, 求问电梯停在哪一楼能够保证乘坐电梯的所有乘客爬楼层的层数之和最小 思路 假设电梯的层数是 m, 乘客人数是 n 1. 枚举, 时间复杂度是 o(mn) 2. 滚动解法. ...
- linux 常用命令总结(tsg)
1.解压tar.gz 第一步:gunzip filename.tar.gz --->会解压成.tar文件 第二步:tar xvf FileName.tar ---->会解压到当前文件夹2. ...