Problema de DOCTYPE, jQuery

StackOverflow https://stackoverflow.com/questions/821992

  •  03-07-2019
  •  | 
  •  

Pregunta

Scroll.js se usa para el bloque #bird, que sigue al desplazamiento de la página.

El problema principal: está funcionando, si elimino la línea Doctype, esta: 

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

y no funciona si doctype está activado.

Aquí está el 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>

Y js:

  

eliminado

No solicite eliminar el doctype, su needed.

¿Fue útil?

Solución

Necesita reemplazar esto: 

document.body.scrollTop

con esto: 

document.documentElement.scrollTop

scrollTop pertenece al elemento <html> en modo estándar, en lugar del elemento <body>.

(Tenga en cuenta que document.body.scrollTop aparece tres veces en su código.)

Otros consejos

hay un problema en tu div de pájaro, el estilo tenía ancho: 200 " ;, debería ser ancho: 200px " (agregue las unidades)

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top