سؤال
Scroll.js يستخدم #الطيور كتلة ، الذي يتبع في صفحة التمرير.
المشكلة الرئيسية - هو العامل, إذا كنت إزالة Doctype الخط, هذا واحد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
و أنها لا تعمل إذا doctype على.
هنا هو html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="scroll.js" type="text/javascript"></script>
</head>
<body>
<div style="position:relative; height:20000px">
<div id="bird" style="position:absolute;left:0;top:20px;width:200px"></div>
</div>
</body>
</html>
و js:
إزالة
لا تسأل لإزالة doctype, لها الحاجة.
المحلول
تحتاج إلى استبدال هذا:
document.body.scrollTop
مع هذا:
document.documentElement.scrollTop
scrollTop
ينتمي إلى <html>
عنصر في وضع المعايير ، بدلا من <body>
العنصر.
(لاحظ أن document.body.scrollTop
يظهر ثلاث مرات في التعليمات البرمجية الخاصة بك.)
نصائح أخرى
هناك مشكلة واحدة على الطيور div النمط كان العرض:200" ، يجب أن يكون العرض:200px" (إضافة وحدات)
لا تنتمي إلى StackOverflow