Foros del Web » Creando para Internet » HTML »

¿Como se hace scrolling a cierta área de una página?

Estas en el tema de ¿Como se hace scrolling a cierta área de una página? en el foro de HTML en Foros del Web. Buenas, sé que se puede hacer, mi problema es como se puede hacer que cierta parte de una página, no el scroll a la página... ...
  #1 (permalink)  
Antiguo 07/09/2004, 13:40
 
Fecha de Ingreso: mayo-2003
Mensajes: 174
Antigüedad: 21 años, 6 meses
Puntos: 0
¿Como se hace scrolling a cierta área de una página?

Buenas, sé que se puede hacer, mi problema es como se puede hacer que cierta parte de una página, no el scroll a la página... ¿se entiende?
Vean la siguiente página:

http://www.aesgener.cl/aesgener/presentacion.shtml

Cualquier ayuda sera bien recibida... gracias

Xmedia
  #2 (permalink)  
Antiguo 07/09/2004, 14:19
Avatar de JoeMx  
Fecha de Ingreso: febrero-2003
Ubicación: A Km de Aquí.
Mensajes: 1.154
Antigüedad: 21 años, 9 meses
Puntos: 4
Puedes Usar Etiquetas Iframes

<IFRAME id=labels name=labels marginWidth=0
marginHeight=0
src="tuarchivo.htm"
frameBorder=0 width="100%" scrolling=Default
height=100%></IFRAME>

Incluso tambien hay quienes los realizan en javascripts, es el caso de la pagina que ves de ejemplo.

<SCRIPT language=JavaScript>
<!--
// inicio scrollin areas script

function verifyCompatibleBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}

bw=new verifyCompatibleBrowser()

var speed=180

var loop, timer

function ConstructObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4 ?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style :bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;

this.scrollHeight=bw.ns4?this.css.document.height: this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.e l.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.MoveArea=MoveArea; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}

function MoveArea(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}

function MoveAreaDown(move){
if(this.y>-this.scrollHeight+objContenedor.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}

function MoveAreaUp(move){
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}

function PerformScroll(speed){
if(initialised){
loop=true;
if(speed>0) objScroller.down(speed)
else objScroller.up(speed)
}
}

function CeaseScroll(){
loop=false
if(timer) clearTimeout(timer)
}

var initialised;

function InitialiseScrollableArea(){
objContenedor=new ConstructObject('contenedor')
objScroller=new ConstructObject('contenido','contenedor')
objScroller.MoveArea(0,0)
objContenedor.css.visibility='visible'
initialised=true;
}
// fin scrolling areas

//-->
</SCRIPT>

Creo que esto a lo que te refieres?
__________________
"Si lo piensas, es porque si lo puedes hacer"

Última edición por JoeMx; 07/09/2004 a las 14:24
  #3 (permalink)  
Antiguo 08/09/2004, 15:13
 
Fecha de Ingreso: junio-2004
Mensajes: 92
Antigüedad: 20 años, 4 meses
Puntos: 0
en IE5+ funciona lo siguiente:

<div style="height: 100px;width: 100px; overflow:auto;">
mi contenido<br><br><br><br><br><br><br><br>
</div>
__________________
Crea tu Sitio
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:28.