如何将视图锚定到特定的div

时间:2019-07-08 21:57:09

标签: angularjs

您好AngularJS开发人员!

当用户单击按钮时,我想将屏幕锚定到特定的div,我正在发送API请求并获取表单,我的目标是将屏幕顶部集中在此特定的div上,这样该div将是第一位在网页或移动设备中显示。

我尝试了一些自动滚动,AngularJS的方法,但是我真的是AngularJS的新手,无法解决此问题。

.r-login-page.r-section
  .r-container.r-login-page__message-container
    global-message
  .r-container.r-login-page__container
    .r-login-page__login-form.r-login-page__login-form-height ng-if="$ctrl.displaySignUpButton"
      member-login is-processing='$ctrl.isProcessing' return-url='$ctrl.returnUrl' ng-if="$ctrl.displaySignUpButton"
    .r-login-page__login-form.r-login-page__pop-up-sign-in ng-if="!$ctrl.displaySignUpButton"
      h3.r-login-page__title = I18n.t('checkout.login.guest.sign-in')
      a.r-button.is-green.is-fullwidth.r-login-page__join-button-text ng-click="$ctrl.signInClicked()" = I18n.t('checkout.login.guest.sign-in')
    .r-login-page__join-guest-container
      .r-login-page__register-cart
        #register-box.r-login-page__register-box ng-if="!$ctrl.displaySignUpButton"
          h3.r-login-page__title = I18n.t('checkout.login.guest.join_for_free')
          span.r-login-page__register-description-link = I18n.t('checkout.login.guest.join_description')
          perks.r-checkout-component__perks-container
          a.r-button.is-green.is-fullwidth.r-login-page__join-button-text href="#register-box" ng-if='$ctrl.displaySignUpButton' ng-click="$ctrl.onJoinClicked()" = I18n.t('checkout.login.guest.join_now')
          #member-signup
        #register-box.r-login-page__register-box ng-if="$ctrl.displaySignUpButton"
          h3.r-login-page__title = I18n.t('checkout.login.guest.join_for_free')
          span.r-login-page__register-description-link = I18n.t('checkout.login.guest.join_description')
          perks.r-checkout-component__perks-container
          a.r-button.is-green.is-fullwidth.r-login-page__join-button-text ng-if='$ctrl.displaySignUpButton' ng-click="$ctrl.onJoinClicked()" = I18n.t('checkout.login.guest.join_now')
      .r-login-page__guest
        guest-login is-processing='$ctrl.isProcessing' on-submit='$ctrl.onSubmit()'

我无法将这个div上移。

0 个答案:

没有答案