•  03-07-2019
  •  | 
  •  

문제

Scroll.js는 #Bird 블록에 사용되며 페이지 스크롤을 따릅니다.

주요 문제 - 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"(단위 추가)

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top