establecer scrollTop y scrollLeft sin javascript

Tengo una pregunta sobre las properties scrollTop y scrollLeft. Me gustaría establecer estas properties en mi div sin usar JavaScript (jquery). es posible? Mi problema es que tengo un progtwig que interpreta el código HTML y los divs que desplacé tienen el valor cero cuando el progtwig interpreta el código. El progtwig no puede leer el valor scrollTop o scrollLeft. Existe una label HTML como:

<div scrollLeft="300" scrollTop="200"></div> 

Me temo que esto no es posible solo con CSS / HTML.

Editar [05.01.2012] – Una posible solución

Creé una solución que funciona en los siguientes browseres:

  • Firefox 4+
  • Safari 5+
  • Chrome 6+
  • Opera 11+
  • IE 10+
  • Android 2.3 o superior

Es realmente un poco hacky, así que fíjate si lo usarías o no. 🙂

Una pequeña explicación

Utilicé el autofocus atributo HTML5 en un campo <input> . Como esto enfocará la input, tiene que llegar a la window gráfica. Por lo tanto, se desplazará a la position dada. Para deshacerte del esquema resaltado y no ver la input, debes establecer algunos styles. Pero esto aún obligó a Safari a tener un píxel parpadeante, así que hice el truco con el tramo, que actúa como una superposition. Tenga en count que no puede usar display: none ya que no activará el enfoque automático (solo se probó en Safari).

Manifestación

Pruebe antes de comprar

La demostración solo se ejecutará en Safari y Chrome. IE y Firefox parecen no disparar el enfoque automático en un <iframe> .

CSS

 div.outer { height: 100px; width: 100px; overflow: auto; } div.inner { position: relative; height: 500px; width: 500px; } div.inner > input { width: 1px; height:1px; position: absolute; z-index: 0; top: 300px; left: 200px; border:0; outline:0; } div.inner > span { width: 1px; height:1px; position: absolute; z-index: 1; top: 300px; left: 200px; background: white; } 

HTML

 <div class="outer"> <div class="inner"> <input type="text" autofocus></input> <span></span> </div> </div>