SORU
10 Mart 2014, PAZARTESİ


Açısal uı-router üstüne gidin, uı-view için değil

Ben sadece yükseltilmiş için ui-router 0.2.8 0.2.0 ve fark ettim o zaman durum değişiklikleri, kaydırma konumu, atlar için üst te alt ui-view Bu Konunun yeni devlet.

Bu güzel ama iki sorunu var:

1) sayfanın üst ve ui-view arasında 30px dolgu var ve bu sayfanın en üstüne gitmek için bir boşluk bırakmak istiyorum. Şu anda tam olarak çirkin görünüyor ui-view üstüne gider. Bunu başarmak için sanırım ben de bilmek nasıl ilerleyin en üstüne div bu uı-view (değil tarayıcı viewport) ya ihtiyacım var bulmak için ne kadar geçersiz $uiViewScroll gidin ui-view eksi 30px.

Hiç kaydırma yapmaz eğer yaparsam $uiViewScrollProvider.useAnchorScroll(); ama denedim. Aynı zamanda da tamamen durur <ui-view autoscroll="false">;, denedim.

2) aslında şu an kaydırma değil, sadece atlar. Kaydırmak için sanırım yoksa geliştirici kadar CSS geçişleri ile bunu yapmak için?

Herhangi bir yardım çok takdir olurdu :)

CEVAP
20 Mart 2014, PERŞEMBE


Başka bir yaklaşım varsayılan $uiViewScroll hizmet, etkin varsayılan davranışı geçersiz kılma süslemek için.

app.config(function ($provide) {
  $provide.decorator('$uiViewScroll', function ($delegate) {
    return function (uiViewElement) {
      // var top = uiViewElement.getBoundingClientRect().top;
      // window.scrollTo(0, (top - 30));
      // Or some other custom behaviour...
    }; 
  });
});

Ve Hubrus belirtildiği gibi, <ui-view> Bu, sadece Ekle autoscroll="false" için uygulamak istemiyorum. Gerçek kaydırma uygulaması içine iyi bak almadım, ben sadece bir alternatif olarak dekoratör (çok eğlenceli) bahsetmek istedim. Kesin kaydırma davranışı çözebileceğinize eminim.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Julia Graf

    Julia Graf

    6 Mayıs 2006
  • Phymec

    Phymec

    18 Temmuz 2009
  • stewmurray47

    stewmurray47

    1 Kasım 2006