شعبة للتمرير على اي فون دون استخدام الأصابع 2؟

Question

ولقد حصلت على UIWebView جزءا لا يتجزأ من بلدي التطبيق فون، وأحب للحفاظ على تأمين رأس وتذييل DIV على الصفحة في جميع الأوقات، مع مركز للتمرير DIV.

وأنا أعلم أن أتمكن من القيام بذلك باستخدام رأس / تذييل الصفحة التي هي الضوابط UIView، ولكن أريد رأس وتذييل الصفحة لتكون عناصر div HTML، كما HTML نقية / JS حل / CSS سيكون من الأسهل إلى ميناء لالروبوت / PalmPre / AdobeAir، والتي ستكون على قائمتي ما يجب عمله في وقت قريب نسبيا.

وأستطيع أن أفعل ذلك باستخدام تقنيات مثل تلك المذكورة هنا:

http://defunc.com/blog/؟p=94

ولكن هذا يتطلب أن المستخدم استخدام 2 الأصابع لتمرير شعبة، وهي ليست مرضية بالنسبة لي ...

وأي اقتراحات بشأن كيفية القيام بذلك؟

شكرا،

وبراد

Answer 1

ولقد وجدت شخص ما أن تنفذ حل قابلة لإعادة الاستخدام لهذا، من ضربة رأس وتذييل:

http://cubiq.org/iscroll-4

Answer 2

وأنا لست على دراية جدا مع UIWebView، لذلك قد يكون هذا الاقتراح سخيفة تماما. ولكن هناك شيء يمنعك من وجود ثلاثة UIWebViews على الصفحة؟ واحد للرأس، واحدة للجسم، واحدة لتذييل. لأن كسرها حتى يبدو وكأنه فكرة الحق.

Answer 3

وهذا هو ما كنت تبحث عنه؟ فتح هذا الرابط على جهاز اي فون الخاص بك أو محاكاة .

ويمثل ملف index.html ثلاثة عناصر شعبة ل "رأس"، "حاوية" و "تذييل الصفحة" مباشرة تحت الجسم، بينما يتم الانتهاء من جميع الأعمال في ملف fixed.js. هو ثابت المستند في مكان بإلغاء العمل العادي لهذا الحدث "touchmove":

    // Disable flick events
    disableScrollOnBody : function() {
        document.body.addEventListener("touchmove", function(e) {
            e.preventDefault();
        }, false);
    },

وبعد ذلك، هناك الكثير من العمل يذهب الى خلق المستمعين الحدث ل"touchstart"، "touchmove" وأحداث "touchend" التي تعلق على شعبة "محتوى" تحت عنوان "حاوية". منطق يتلخص ببساطة تحريك "محتوى" شعبة صعودا وهبوطا.

وهذا الحل هو 100٪ HTML / CSS / جافا سكريبت، ولكن هناك بعض بكت الملكية CSS و JavaScript التي قد تحد من قابلية. قد يستغرق قليلا من التغيير والتبديل للعمل على جهاز محمول آخر ولكن هذا سيكون جيد إثبات صحة مفهوم أن تبدأ من.

وأنا لم تخلق هذا المشروع نموذج رائع، أنا مجرد إعادته اهتمام المجتمع إليها. لمزيد من المعلومات وجود صلة لهذا المشروع مضغوط، وقراءة ريتشارد "Doctyper" Herrara ما بعد بالكامل على <لأ href = "http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/" يختلط = "noreferrer نوفولو"> تحديد المواقع الثابتة في سفاري موبايل .

Answer 4

قد يكون عالي الكعب، ولكن هل يمكن إعادة رأس وتذييل الصفحة على رأس شعبة بينما يمرر المستخدم. بهذه الطريقة شعبة الرئيسي الخاص بك لا تحتاج إلى أن تكون للتمرير. أي مساعدة في أي شيء (لا يزال) باستخدام إطارات بالرغم من ذلك.

وهذه هي واحدة من القضايا المتصفح أكثر مزعجة مع اي فون / التي تعمل باللمس، وأتمنى لكم يمكن التركيز فقط على جزء من الصفحة مثل متصفح عادي.

Answer 5

لوCSS مرجع فقط في سفاري CSS المرجعي ربما قد ما كنت تبحث عنه. عليك أن تكون مهتمة خصوصا في أي شيء بدءا من "-webkit" أو "-khtml" مثل تلك التي تمتد الخصائص المتوفرة فقط مع بكت مثل 3D واللمسات. يجب أن تنطبق على الروبوت أيضا.

ومع جافا سكريبت مقدمة في البرمجة بكت DOM مواضيع و <لأ href = "http://developer.apple.com/documentation/AppleApplications/Reference/WebKitDOMRef/index.html#//apple_ref/doc/uid/TP40006089" يختلط = "نوفولو noreferrer"> بكت المرجعي DOM API غير الذهاب إلى أدلة. بالتأكيد نلقي نظرة على الجدول ضوء العرض للحصول على بعض نسخ ولصق جافا سكريبت على التعامل مع اللمسات الخاصة بك كما هذه هي الطريقة التي أود أن حل هذه.

Answer 6

ولقد نفذت iScroll على اي فون وكان حقا على نحو سلس وسريع ويمكنك أن تفعل ما تريد. العيوب هي أن الروبوت (1.6) يرفض تمرير كيف يريد وأحيانا منع جافا سكريبت الآخر إذا كان هناك أي.

Answer 7

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<div style="overflow: scroll">

إضافة إلى تلك الكود الخاص بك قد يحل مشكلتك.