Gezinme üzerindeki yapışkan gezinme gecikmesi

Question

Bu, üzerinde çalıştığım site: Click here - Home Page Scroll Issue. Ben Foundation 5, yapışkan bir kaydırma çubuğu ve Baykuş Carousel kullanıyorum

(Ben Slick atlıkarınca kullanarak denedi ve sonuç aynıdır).

Yaşadığım sorun, yukarı/aşağı kaydırdığımda ve üstteki çubuğun her zaman ilerledikçe ilerlediğidir, tüm sayfa kesilir ve kaydırılır ve beklenen yörüngeden daha kısa sürer.

Başarılı bir şekilde döner karta z-index ve -webkit-transform: translateZ(0) kurallarını uygulamak da dahil olmak üzere birçok çözümü denedim.

Bu sorun Firefox veya Kenardan mevcut değildi ya da en azından kadar açık değildir gelmez.

Herhangi bir fikrin var mı?

** Güncelleme, Ajay Varghese's cevap aşağı kaydırma için yardım gibi görünüyor, ama yukarı kaydırma vermesiyle mesele hala var. Sayfanın uzunluğunu arttırmak için bir sonraki içerik satırını çoğaltırken, karuseli ortaya çıkarmak için yukarı kaydırmaya çalışırsanız, atlar ve kaydırma kaydırması oluşturur. Bu sorun çok sinir bozucu ve hala nedenini bulamıyorum. .fixed sınıfta overflow: hidden; ekleyerek

Answer 1

Bu sorun yalnızca Chrome'da bulunmaktadır. Sorun, WebKit uygulamasının bazen çok iyi bir şekilde katmanlama yapmaması gibi görünüyor. Bu kimse yardımcı olur ve onların değerli zaman kazandırır body { -webkit-transform: translate3d(0, 0, 0);}

Umut: Burada

benim için mükemmel çalıştı çözümdür.

** GÜNCELLEME, bu yapışkan topbar kırar fark etmedi. Bu nedenle, bu çözüm mümkün değildir.

Answer 2

deneyin

.fixed { 
    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 99; 
    overflow: hidden; 
    left: 0; 
} 

Answer 3

ben sorunu oluyor tam olarak nasıl anlamadı. Ama bir şey denedim ve sorunu çözdüm. Atladığım birşey yok, çünkü siz vermiş olduğunuz 'kenar boşluğu' .main-content.Oluşturucu çubuğunu istemediğimiz .main-içerik kutusuna saklayacağız. Ekstra yükseklik vererek çözdüm ve 'konum: akraba' ve 'üst: 15px' vererek atlıkarınca aşağı itti. Bunu deneyebilir ve bana haber verir misin?