•  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はコードに3回出現することに注意してください。）

他のヒント

あなたの鳥のdivには1つの問題があります。スタイルにはwidth：200 <！> quot;があり、width：200px <！> quotである必要があります。 （単位を追加）

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top