Foros del Web - Ver Mensaje Individual - ¿Cómo hacer para que el scroll se posicione siempre en el centro de la web?

emprear · #2 (**permalink**) 23/10/2012, 07:58

No lo veo muy práctico. pero necesitarías de javascript, algo asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>scrollLeft</title>
 
<style type="text/css">
/*<![CDATA[*/
div#capa{
width:1300px;
height: 1500px;
text-align: center;
background-color:lime;
margin:0 auto;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var anchoDelDiv = 1300;
function posicionarScroll(){
var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],x=w.innerWidth||e.clientWidth||g.clientWidth;
if(x <= anchoDelDiv){
var margen = anchoDelDiv-x;
var z = margen/2;
var vscroll = (document.all ? document.scrollTop : window.pageYOffset);
window.scrollTo(z,vscroll);
}
}
window.onload = posicionarScroll;
window.onresize = posicionarScroll;
//]]>
</script>
</head>
<body>
<div id="capa">texto</div>
</body>
</html>

Solo tenés que modificar el ancho del div en la variable y el css. También funcionara si redimensionan la página.

Pero eso es la teoría, en la práctica yo no haría semejante cosa
Saludos