2015-03-05 24 views
57

Angularjs kullanarak ajax çağrı yanıtı aldıktan sonra sayfanın en üstüne gitmek istiyorum. Temel olarak, sayfanın üst kısmında uyarı mesajları görüntülüyorum ve uyarı mesajını alınan ajax yanıtı olarak odaklamak istiyorum. SenAngularJS'de sayfanın üst kısmına nasıl kaydırılır?

$window.scrollTo(x, y); 
x yatay eksen boyunca piksel

ve y kullanabilirsiniz

Teşekkür

+6

: üst sabit: 0 –

cevap

120

dikey eksen boyunca pikseldir. eleman

$window.scrollTo(0, angular.element('put here your element').offsetTop); 

Example

üzerinde

$window.scrollTo(0, 0); 
  • Odak üste

    1. Kaydırma

      Güncelleme: Sen $anchorScroll kullanabilirsiniz

      Ayrıca $anchorScroll

      Example

  • +5

    Öğeye odaklanmak için, '$ window.scrollTo (0, açısal.öğe ('bu öğeyi buraya yerleştirin'). offset(). üst); ' –

    +0

    denetleyici işlev tanımında $ pencere enjekte etmeyi unutmayın. örneğin: işlevi ($ kapsamı, $ rootScope, $ konumu, base_factory, $ pencere) – Deepak

    +0

    @MuhammadReda, buraya koyduğunuzda, öğenizin kimliğinin kimliği nedir? örneğin, bir öğenin en üstüne gitmek için "direction_panel" kimliğine ilerlemek istiyorum, böylece 'öğenizi buraya koyun' dediğiniz yere girdim, ancak bir hata alıyorum. herhangi bir yardım için teşekkürler – Sarah

    27

    kullanabilirsiniz.

    Bir bağımlılık olarak $anchorScroll'u enjekte edin ve en üste gitmek istediğinizde $anchorScroll() numaralı telefonu arayın.

    +1

    '$ anchorScroll' için kullanılabilir animasyon (düzgün kaydırma) olmadığını unutmayın. – isherwood

    -3

    kullanım: $anchorScroll();

    mülkiyet $anchorScroll ile

    +0

    Yanıt, açıklayıcı olmalıdır. –

    9

    İdeal biz denetleyici veya ilgili gereğince direktifi birinden yapmalı. Bağımlılık enjeksiyonu olarak $anchorScroll, $location kullanın.

    Sonra

    $location.hash('scrollToDivID'); 
    $anchorScroll(); 
    
    İşte

    scrollToDivID olarak bu iki yöntemi çağırmak kaydırmak istediğiniz kimliğidir.

    kullanmakta, bu documentation

    0

    ayrıca bu durumla başa çıkmak için saf JavaScript kullanabilirsiniz unutmayın bakın Daha fazla bilgi için

    <div id='scrollToDivID'>Your Error Message</div> 
    

    gibi bir hata mesajı div gidin istediğiniz varsayılır :

    Ben sayfayı kaydırma ancak bunun yerine konuma sahip bir div uyarısı görüntülenmiyor öneririm bir kullanılabilirlik açısından bakıldığında
    window.scrollTo(x-coord, y-coord); 
    
    İlgili konular