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>
  • 相关阅读:
    SSL和SSH的差别
    cocos2d-x 3.0游戏实例学习笔记 《跑酷》 第五步--button控制主角Jump&amp;Crouch
    UVA
    程序员,你们这么拼是找不到妹纸的!
    组件:表行组件
    表单修饰符.lazy.number.trim
    表单下拉框select
    表单单选按钮input[type="radio"]
    表单复选框input[type="checkbox"]
    表单控件绑定v-model
  • 原文地址:https://www.cnblogs.com/Sisiflying/p/6933295.html
Copyright © 2011-2022 走看看