Sabit konumu nasıl ayarlayabilirim? JQuery'de jQuery mobil uygulamasındaki arka plan resmi Phonegap

kullanarak JQuery mobile kullanarak Phonegap & kullanarak bir iPhone uygulaması yapıyorum. Veri rolü = sayfa div için arka plan resmi ayarlamak istiyorum. Sayfanın bu yüksekliğinde & ekranına eşittir, bu nedenle arka plan ekran boyutuna ayarlanır. Ancak sayfa içeriği uzunluğu, ekranın &'dan çok daha fazla olduğundan, görüntü tamamlandıktan sonra gri arka plan görülür. Sorum şu: arka plan görüntüsünü sabit tutmamız için & sayfasının kaydırılmasını veya yalnızca arka plan görüntüsünde değil, sayfa & içeriğinin taşınmasını sağlayın. Sadece bahsetmek için full size background jquery pluggin denedim. Android üzerinde çalışıyor ancak iOS'ta çalışmıyor.Sabit konumu nasıl ayarlayabilirim? JQuery'de jQuery mobil uygulamasındaki arka plan resmi Phonegap

Lütfen yardım edebilir misiniz? Şimdiden teşekkürler.

kaynak

2012-01-19 Sayali

Tamam, ben bunun yerine, sayfanın gövde öğesi içinde sabit bir öğe oluşturmaktı. Yani

<body> 
    <div id="background"></div> 
    ... 
</body>

gibi görünecektir Ve CSS ben şunları söyledi:

#background { 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background: url(images/bg-retina.jpg) 0 0 no-repeat fixed !important; 
    background-size:contain; 
}

Ve bu benim için hile yaptı. JQuery sayfasına arka plan resmi ayarlayabilirsiniz

kaynak

2012-08-18 22:59:22 Adrian

Bu, benim için kromda değil iOS'ta çalıştı. –

css background-attachment özelliğine bakıyorsunuz.

div[data-role="page"]{ 
    background-attachment: fixed; 
}

Güncelleme: Eğer iScroll kullanımını düşünebilir eski iOS sürümünü kullanarak eğer
background-attachment:fixed, iOS 5desteklenmektedir.

kaynak

2012-01-19 09:32:46

üyeye düzeltmek zorunda ama bu da çalışmıyor eşzamanlı background-size:cover; ve background-attachment:fixed; oluşturma hatalarını olması . – Sayali

iOS tarafından başlatılan iOS WebKit sürümünün eski sürümünü kullanıyorsanız, Safari'nin arka plan ekini desteklemiyor: sabit ' –

Ya iOS 5'de çalışıyor. IOS 4.2 veya 4.3 üzerinde çalışmasını istiyorum – Sayali

.ui-page { background-image:url(../ios/sample~ipad.png); 
background-repeat:no-repeat; background-position:center center; 
background-attachment:scroll; background-size:100% 100%; }

kaynak

2013-03-01 15:14:45 Manikandan

bu deneyebilirsiniz:

.ui-mobile 
.ui-page-active{ 

display:block; 
overflow:visible; 
overflow-x:hidden; 

}

benim için çalışıyor: Umarım (P birilerinin) yardımcı olur.

kaynak

2014-04-11 16:37:01 JavaScripter

Bunu deneyin, bu çalışma benim için.

position:fixed; 
top:0; 
left:0; 
width:100%; 
height:100%; 
background: url(../Images/loginBackground.jpg) 0 0 fixed !important; 
background-size:100% 100%; 
background-repeat: no-repeat;

kaynak

2015-11-04 01:17:02

<body> 
    <div id="background"></div> 
    ... 
</body>

css:

#background { 
    background-image: url("/images/background.png"); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    height: 100%; 
    width: 100%; 
    position: fixed; 
    background-position: 0 0; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

@media screen and (max-width: 480px) { 
    #background { 
     background-attachment: initial !important; 
    } 
}

sorun iOS mobil cihazlar böylece @media

kaynak

2017-05-16 12:59:54

Sabit konumu nasıl ayarlayabilirim? JQuery'de jQuery mobil uygulamasındaki arka plan resmi Phonegap

cevap

İlgili konular