HTML - Evitar que la pagina haga scroll.

   
Vista:

Evitar que la pagina haga scroll.

Publicado por carlos (2 intervenciones) el 10/01/2018 01:06:30
Estoy intentando hacer que no se pueda hacer scroll en la pagina.
Lo que quiero:
Become-a-Mentor01

Resultado

Captura

HTML
1
2
3
<div class="fondoMentor">
	    		<img class="img-responsive" src="{{Storage::url('img/getamentor.png')}}">
	    	</div>

CSS

.fondoMentor{
height: 100%;
width: 100%;
overflow:hidden;
position:absolute;

}

.fondoMentor img{
min-width: 100%;
min-height: 100%;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%,-50%);
width: auto;
height: auto;
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Lopez

Evitar que la pagina haga scroll.

Publicado por Lopez (198 intervenciones) el 10/01/2018 03:43:03
Hola Carlos,

Como consejo es mejor sitúes la imagen como background de la capa, en este caso del div (.fondoMentor),
y con la propiedad image-size reajustes a tu gusto. De todas formas, aquí va la respuesta a tu pregunta:

1
2
3
4
5
6
7
body,html {
  padding:0;
  margin:0;
  height:100%;
/* Podrías añadir también aquí:
overflow:hidden; */
}

https://codepen.io/lowpez/pen/XVZQqd

Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar

Evitar que la pagina haga scroll.

Publicado por carlos (2 intervenciones) el 10/01/2018 04:18:11
Muchas gracias, me funciono!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Revisar política de publicidad