minibrosser المحمول: كيفية إعادة تحميل الصورة أثناء صيانة موضع إزاحة الصفحة؟
-
19-09-2019 - |
سؤال
في شبكة الإنترنت Minibrosersers، يبدو أن window
الكائن لا معنى له - لأن هناك نافذة واحدة فقط لإظهارها. لذلك، أشياء مثل window.pageYOffset=320
لا معنى له (بقدر ما أستطيع أن أقول).
بالنظر إلى مثال بسيط مثل خريطة Zoomin / Zoomout مثل
<html>
<head>
<title>zoom.html</title>
<script language="javascript">
var zoom=15;
var vpos=window.pageYOffset;
var key="whatever-your-Google-Maps-site-key-is";
function setImgSrc(z) {
document.getElementById('img').src=
"http://maps.google.com/maps/api/staticmap?center=Lisbon,Portugal&zoom="
+zoom+"&size=400x400&maptype=roadmap&sensor=false&key="+key;
}
function zoomin()
{ if(zoom<=18) zoom++; vpos=window.pageYOffset; setImgSrc(zoom); }
function zoomout()
{ if(zoom>=1) zoom--; vpos=window.pageYOffset; setImgSrc(zoom); }
</script>
</head>
<body onload="javascript:setImgSrc(15);">
<h1>zoom</h1>
<p><img id="img" alt="Lisbon,Portugal"/></p><p>
<a onclick="javascript:zoomin()">[+]</a>
<a onclick="javascript:zoomout()">[–</a>
</p><hr></body></html>
التي يبدو أنها تعمل بشكل جيد على متصفحات سطح المكتب؛ لذلك أسأل: كيف يمكنني الإشارة إلى أنه على تحديث الصفحة (onclick
لا يبدو أن يعمل على minibrosers، ولكن href
هل) يجب أن تعوض الصفحة إلى الموقف السابق؟ (لأسباب أخرى، ببساطة (إعادة) تحميل الصفحة إلى معين name
D Anchor لا يعمل على المشكلة التي أتعامل معها.)
شكرا مقدما على ملاحظاتك.
المحلول
أليس جميلا عند الإجابة على أسئلتك الخاصة؟ أمم...
على أي حال، وفقا ل هذه, ، بعض الخصائص / الوظائف ل JavaScript (JScript؟) window
الاعتراض له تمثيلات مختلفة وفقا لاختيار المتصفح (Firefox، أي، إلخ). لذلك، ستكون وظيفة إزاحة رأسية محتملة
function setPageVPos(w,vpos) {
try { w.scrollTo(0,vpos); } catch(e) {}
try { w.document.body.scrollTop(vpos); } catch(e) {}
}
أول محاولة مع window.scrollTo
التنفيذ في متصفحات فايرفوكس، والثاني يحاول مع document.body.scrollTop
التنفيذ في المتصفحات IE. لقد تم اختباره في متصفح Firefox (سطح المكتب) في كل من متصفح HP IPAQ IE-Like (المحمول) يعمل على حد سواء.