0

Estoy usando bootstrap, tengo un div tipo row con dos columnas. Quiero que este div ocupe todo el alto de la pantalla del navegador, de modo que no se vea ninguno de los elementos inferiores mientras no se haga scroll.

He probado la solución del enlace Div que ocupe todo el alto de la pantalla restante , traduciéndola a typescript pero no consigo que funcione.

Esto es lo que he puesto en el module.ts del componente, habiendo añadido antes window como provider en el app.module.ts:

 constructor(private window: Window) { }

  @ViewChild('frontcover')
  frontcover!: ElementRef;

  ngOnInit(): void {
    var height = this.window.innerHeight;
    this.frontcover.nativeElement.innerHTML.offsetHeight = height;
  }
2
  • Saludos @Paula, para el alto podrías probar simplemente con heigth: 100vh; utilizándolo en el div que necesitas. Si esto no funciona, tal vez podrías agregar el html que tienes para ver como tienes tu estructura. ;)
    – Israel-ICM
    Commented el 6 ene. 2023 a las 12:41
  • Gracias, @Israel-ICM !
    – Paula
    Commented el 10 ene. 2023 a las 22:24

0

Tu Respuesta

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

Examina otras preguntas con la etiqueta o formula tu propia pregunta.