cañangasñangas Posted November 24, 2013 Report Share Posted November 24, 2013 Estimados estoy creando una suerte de div que se le va agregando info mediante una funcion y ajax. es algo como esto: div.innerHTML = div.innerHTML+"<br />"+contenidoNuevo; Mi dilema esta en que cuando se agrega contenido nuevo el scroll se mantiende relativo, lo que quiero es que si el scroll esta totalmente abajo (en el final del scroll) se mantenga abajo y no relativo a su posicion real, y si no esta abajo (en el final del scroll) siga funcionando normal. Espero que se entienda mi problema. Quedo atento a sus respuestas :D Link to comment Share on other sites More sharing options...
AshWilliams Posted November 25, 2013 Report Share Posted November 25, 2013 Mi querido padawan, te hice un ejemplo Link: http://jsfiddle.net/robertrozas/n4yQ2/3/ Saludos Link to comment Share on other sites More sharing options...
cañangasñangas Posted November 25, 2013 Author Report Share Posted November 25, 2013 Mi querido padawan, te hice un ejemplo Link: http://jsfiddle.net/robertrozas/n4yQ2/3/ Saludos yo logre hacer eso, lo que deseo es que si el scroll no esta al final, actue normalmente Link to comment Share on other sites More sharing options...
AshWilliams Posted November 25, 2013 Report Share Posted November 25, 2013 Mi querido padawan, te hice un ejemplo Link: http://jsfiddle.net/robertrozas/n4yQ2/3/ Saludos yo logre hacer eso, lo que deseo es que si el scroll no esta al final, actue normalmente No se entiende muy bien tu pregunta joven padawan :tonto: PS: Refina tu requerimiento, que te refieres con "actue normalmente"; dame un posible caso junto a su comportamiento esperado :krider: Link to comment Share on other sites More sharing options...
cañangasñangas Posted November 25, 2013 Author Report Share Posted November 25, 2013 (edited) Mi querido padawan, te hice un ejemplo Link: http://jsfiddle.net/robertrozas/n4yQ2/3/ Saludos yo logre hacer eso, lo que deseo es que si el scroll no esta al final, actue normalmente No se entiende muy bien tu pregunta joven padawan :tonto: PS: Refina tu requerimiento, que te refieres con "actue normalmente"; dame un posible caso junto a su comportamiento esperado :krider: jaja, no se como explicarlo bien, la cosa esta en que cuando uno agrega info a un div con overflow, el scroll se mantiende relativo a su posicion. fijate que si haces esto: <div id="div"></div><br/><input type="button" value="add info" onclick="addCont();" /> el js:addCont(){div = document.getElementById("div");cont = div.innerHTML;algunaInfo = "asd"; //cualquier weadiv.innerHTML = cont+"<br/>"+algunaInfo;} si te fijas al ejecutar ese codigo el scroll se mantiene relativo a su posicion original al agregar info.... Espero que se entienda... Edited November 25, 2013 by cañangasñangas Link to comment Share on other sites More sharing options...
RALCN Posted November 26, 2013 Report Share Posted November 26, 2013 Tampoco entiendo muy bien... pero no sé si sea esto...en el css overflow:auto; Link to comment Share on other sites More sharing options...
AshWilliams Posted November 26, 2013 Report Share Posted November 26, 2013 Mi querido padawan, te hice un ejemplo Link: http://jsfiddle.net/robertrozas/n4yQ2/3/ Saludos yo logre hacer eso, lo que deseo es que si el scroll no esta al final, actue normalmente No se entiende muy bien tu pregunta joven padawan :tonto: PS: Refina tu requerimiento, que te refieres con "actue normalmente"; dame un posible caso junto a su comportamiento esperado :krider: jaja, no se como explicarlo bien, la cosa esta en que cuando uno agrega info a un div con overflow, el scroll se mantiende relativo a su posicion. fijate que si haces esto: <div id="div"></div><br/><input type="button" value="add info" onclick="addCont();" /> el js:addCont(){div = document.getElementById("div");cont = div.innerHTML;algunaInfo = "asd"; //cualquier weadiv.innerHTML = cont+"<br/>"+algunaInfo;} si te fijas al ejecutar ese codigo el scroll se mantiene relativo a su posicion original al agregar info.... Espero que se entienda... Pero usa un jsfiddle y posteai el link pos :tonto: Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now