मैं फोनगैप

का उपयोग कर आईफोन ऐप के लिए jquery मोबाइल में निश्चित स्थिति पृष्ठभूमि छवि कैसे सेट कर सकता हूं मैं jquery मोबाइल का उपयोग कर फोनगैप & का उपयोग करके एक आईफोन ऐप कर रहा हूं। मैं डेटा-भूमिका = पेज div के लिए पृष्ठभूमि छवि सेट करना चाहता हूं। पृष्ठ की इस ऊंचाई में स्क्रीन & के बराबर है इसलिए पृष्ठभूमि स्क्रीन के आकार पर सेट है। लेकिन पेज सामग्री की लंबाई स्क्रीन & से कहीं अधिक है इसलिए छवि पूर्ण होने के बाद भूरे रंग की पृष्ठभूमि देखी जाती है। मेरा सवाल यह है कि क्या कोई तरीका है ताकि हम पृष्ठभूमि छवि को & स्क्रॉल कर सकें या केवल पृष्ठ की सामग्री & पृष्ठभूमि छवि को स्थानांतरित कर सकें। बस उल्लेख करने के लिए मैंने full size background jquery pluggin का प्रयास किया है। यह एंड्रॉइड पर काम कर रहा है लेकिन आईओएस पर नहीं।मैं फोनगैप

क्या कोई मदद कर सकता है? अग्रिम में धन्यवाद।

स्रोत

2012-01-19 Sayali

ठीक है, तो मैंने इसके बजाय पृष्ठ के बॉडी एलिमेंट के भीतर एक निश्चित तत्व बनाना था। तो यह की तरह

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

लगेगा और सीएसएस के लिए मैं निम्नलिखित ने कहा:

#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; 
}

और यह मेरे लिए चाल किया था। उम्मीद है कि यह मदद करता है (किसी वहाँ बाहर: पी)

स्रोत

2012-08-18 22:59:22 Adrian

यह क्रोम में मेरे लिए काम करता था, लेकिन आईओएस नहीं। –

आप css background-attachment संपत्ति की तलाश में हैं।

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

अद्यतन:
background-attachment:fixed, iOS 5से समर्थित है अगर आप iOS के पुराने संस्करण का उपयोग कर आप iScroll के उपयोग पर विचार कर सकते।

स्रोत

2012-01-19 09:32:46

धन्यवाद इसे ठीक करने के लिए है, लेकिन यह भी काम नहीं कर रहा है । – Sayali

यह आईओएस 5 से शुरू होता है, यदि आप सफारी द्वारा उपयोग किए गए आईओएस वेबकिट संस्करण के पुराने संस्करण का उपयोग करते हैं तो 'पृष्ठभूमि-अनुलग्नक: फिक्स्ड' –

याहू का समर्थन नहीं करता है। यह आईओएस 4.2 पर काम करता है। मैं इसे आईओएस 4.2 या 4.3 – Sayali

आप jQuery पृष्ठ पर अपनी पृष्ठभूमि छवि सेट कर सकते हैं:

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

स्रोत

2013-03-01 15:14:45 Manikandan

आप इस कोशिश कर सकते हैं:

.ui-mobile 
.ui-page-active{ 

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

}

मेरे लिए ठीक काम करता है।

स्रोत

2014-04-11 16:37:01 JavaScripter

इसके साथ प्रयास करें, यह मेरे लिए काम है।

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;

स्रोत

2015-11-04 01:17:02

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

सीएसएस:

#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; 
    } 
}

समस्या यह है कि iOS मोबाइल डिवाइस एक साथ प्रतिपादन background-size:cover; और background-attachment:fixed; त्रुटियाँ हैं ताकि आप द्वारा @media

स्रोत

2017-05-16 12:59:54

मैं फोनगैप

उत्तर

संबंधित मुद्दे