•  03-07-2019
  •  | 
  •  

Pergunta

Scroll.js é usado para o bloco #bird, que segue a rolagem página.

O principal problema - ele está trabalhando, se eu remover a linha Doctype, esta: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

e ele não funciona se doctype está ligado.

Aqui está o 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>

e JS:

removido

Não pedir para remover o doctype, sua necessário.

Foi útil?

Solução

É necessário substituir o seguinte: 

document.body.scrollTop

com este: 

document.documentElement.scrollTop

scrollTop pertence ao elemento <html> no modo de padrões, em vez do elemento <body>.

(Note que document.body.scrollTop aparece três vezes em seu código.)

Outras dicas

há um problema em seu div pássaro, o estilo teve width: 200" , deve ser width: 200px"(adicionar as unidades)

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top