Safari'de tek parmak kaydırma, kaydırma tamamlanıncaya kadar html oluşturmuyor

Question

Mobil web uygulamasında, yeni fantezi -webkit-overflow-scrolling: touch ile kaydırılabilen bir div var. Tek sorun, içeriğin yalnızca kaydırma bittiğinde işlenmesidir. Mobil Safari'yi (ve Android'deki diğer mobil tarayıcılar) tek parmak kaydırma sırasında html oluşturmanın bir yolu var mı?

.layer-content { 
    position: absolute; 
    top: 112px; 
    bottom: 0; 
    width: 100%; 
    background: #e6e6e6; 
    overflow-y: scroll; 
    -webkit-overflow-scrolling: touch;  
} 

Answer 1

Gerçekten değil. Bu sadece iPhone'un çalıştığı yoldur. Kaydırırsanız, tüm kaynakları yeni parçaları göstermeme pahasına kaydırma yapmak için kullanılır. Tarayıcıyı daha büyük hale getirerek, daha büyük hale getirerek ve göstermek istemediğiniz parçanın üstüne bir katman ekleyerek tarayıcıyı kandırabilirdiniz, ancak bu tüm düzenlerde işe yaramaz. Sadece onu bırakırdım. Normal sayfalar aynı "oluşturma sorunu" na sahip olduğundan, kullanıcılar buna alışkındır.

Answer 2

Pozisyon: mutlak görüntüyü karıştırıyor. Mobil Safari, kaydırma işlemi durdurulana kadar konumlandırma için standart değere sahip olmayan öğeler oluşturmaz.

Konum otomatikse (varsayılan değer), Mobile Safari öğeyi siz kaydırırken açar.

Answer 3

Donanım hızlandırmayı kullanarak bu konu üzerinde çalışabilirsiniz. .layer-content içindeki unsurlara aşağıdaki CSS eklemeyi deneyin:

-webkit-transform: translate3d(0,0,0); 

Answer 4

ben sadece bu çözüldü güzel yama eminim:

overflow-y: auto; 

sizin kaydırma elemanı için bu ekleyin.

(Muhtemelen sadece overflow: auto; ihtiyaçlarınıza bağlı çok işe yarardı.)