zoukankan      html  css  js  c++  java
  • 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=" 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>
  • 相关阅读:
    VOA 2009/11/02 DEVELOPMENT REPORT In Kenya, a Better Life Through Mobile Money
    2009.11.26教育报道在美留学生数量创历史新高
    Java中如何实现Tree的数据结构算法
    The Python Tutorial
    VOA HEALTH REPORT Debate Over New Guidelines for Breast Cancer Screening
    VOA ECONOMICS REPORT Nearly Half of US Jobs Now Held by Women
    VOA ECONOMICS REPORT Junior Achievement Marks 90 Years of Business Education
    VOA 2009/11/07 IN THE NEWS A Second Term for Karzai; US Jobless Rate at 10.2%
    Ant入门
    Python 与系统管理
  • 原文地址:https://www.cnblogs.com/Sisiflying/p/6933295.html
Copyright © 2011-2022 走看看