Tengo un script sencillo con 2 <div>, ambas muestran un scroll personalizado (plugin flexcroll), hasta ahi todo bien, se corre el script y se muestra en pantalla, el problema es que al hacer click en el boton, se cambia el contenido de la primera <div> pero el scroll personalizado se pierde...

Sera necesario que descarguen el plugin "flexcroll" y las imagenes aqui:

http://www.hesido.com/web.php?page=customscrollbar

Código HTML :

<!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>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="css/flexcrollstyles.css" />
<style>
#uno {
   height:100px;
   overflow:auto;
   width:200px;
}
#dos {
   background-color:#9CC;
   height:200px;
   overflow:auto;
   width:300px;
}
</style>
<script src="js/jquery.js"></script>
<script src="js/flexcroll.js" type="text/javascript"></script>

<script type="text/javascript">
var cadena = "Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido Nuevo Contenido";

$(document).ready(function() {
   $("#btnUno").click( function() {
      cambiar();
   });
});

function cambiar() {
   $("#uno").html(cadena);
}
</script>
</head>

<body>

   <div id="uno" class="flexcroll">
Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial
   </div>
   <br />
   <div id="dos" class="flexcroll">
Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial Texto Inicial
</div>
   <br />
   <button id="btnUno">Cambiar Contenido</button>

</body>
</html>