HTML - Evitar que la pagina haga scroll.

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

HTML

<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 clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 3

Val: 886

Evitar que la pagina haga scroll.

Publicado por Lopez (271 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: