1

Lo que pasa es que estoy usando frameset en mi código html y la página les produce a las dos divisiones frameset un scroll, pero yo quiero que al bajar una, la otra también baje. ¿Existe manera de hacerlo?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
<?php
  include "../funciones_saraweb.php"; 
?>
<frameset rows="59,360" cols="1119*" frameborder="no">
  <frame src="titulo.php" id="titulo" />

  <frameset rows="*" cols="619,710">
    <frameset rows="*" cols="277,336" frameborder="no">
      <frame src="centrales.php" id="centrales" />
      <frame src="clasificacion.php" id="clasificacion" />
    </frameset>

    <frame src="status_alarm.php" id="status_alarm" />
  </frameset>
</frameset>
<noframes><body>
</body>
</noframes>
</html>

Este es mi código, me ayudan, gracias.

1 respuesta 1

2

Podés usar el evento scroll del DOM, controlado por JS:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>

<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <script type="text/javascript">

        function main() {
            // Asumiendo que querés scroll la misma cantidad que el frame 'centrales'.
            // Si no es así, reemplazar por el frame que querés usar como referencia
            document.getElementById('centrales').contentWindow.addEventListener('scroll', function () {
                // scrollTop representa la cantidad de pixeles a scrollear
                let scrollTop = (centralesWindow.pageYOffset !== undefined) ? centralesWindow.pageYOffset : (centralesWindow.document.documentElement || centralesWindow.document.body.parentNode || centralesWindow.document.body).scrollTop;

                // Obtener el elemento (frame) a aplicar el scroll
                document.getElementById('clasificacion').contentWindow.scroll(0, scrollTop);

            });;
        }

    </script>
</head>
<frameset rows="59,360" cols="1119*" frameborder="no">
    <frame src="titulo.php" id="titulo" />
    <frameset rows="*" cols="619,710" onLoad="javascript:main()">
        <frameset rows="*" cols="277,336" frameborder="yes">
            <frame src="centrales.php" id="centrales" />
            <frame src="clasificacion.php" id="clasificacion" />
        </frameset>

        <frame src="#" id="status_alarm" />
    </frameset>
</frameset>
<noframes>
<body></body>
</html>
3
  • me explicas como usarlo?, gracias
    – Shack
    Commented el 12 oct. 2018 a las 15:10
  • Agregué una mejor explicación de cada línea de código
    – Niche
    Commented el 12 oct. 2018 a las 15:20
  • Agregué el snippet al código de tu página
    – Niche
    Commented el 12 oct. 2018 a las 16:21

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.