Safari

Question

-webkit-convert uyguladıktan sonra bir div içinde kaydırılamıyor Bir slayt menüsü oluşturuyorum.

Menü uzun ve içeride kaydırma yapabilmem gerekiyor, bu yüzden overflow-y'yi ayarladım: üzerine kaydırma.

Geçiş özelliği olarak -webkit-transform (ve diğer tarayıcılarda varyantlar) kullanıyorum.

Artık divun üstünde gezinemediğim zaman, kaydırma çubuğunu kullanarak tüm sayfanın kaydırmasını sağlayacağım.

Menünün davranışını değiştirir ve doğru özelliği değiştirirseniz (menüyü sağa çevirirseniz: -320px ve onu yeniden sağa döndürme: 0), kaydırma çalışır.

Bu hata yalnızca Safari'de yaşanıyor, Chrome ve diğer tarayıcılarda sorunsuz çalışıyor. IOS'ta da çalışır.

Bir geçici çözüm bilen var mı? Bu sorunu daha önce hiç kimse yaşadı mı? Bunun hakkında herhangi bir bilgi bulamıyorum. Teşekkür ederim.

Answer 1

transition ve overflow: scroll yerine overflow: auto yerine animation kullandığım farkla aynı sorunu yaşadım.

function fixSafariScrolling(event) { 
    event.target.style.overflowY = 'hidden'; 
    setTimeout(function() { event.target.style.overflowY = 'auto'; }); 
} 

el.addEventListener('webkitAnimationEnd', fixSafariScrolling);