Entradas con la etiqueta ‘scroll’

Sublime Text – Side By Side Plugin

Publicado por Iván Gajate el 17 de noviembre de 2014 en Desarrollo Web | Los comentarios están cerrados.

He instalado este plugin en Sublime para comparar dos archivos, uno al lado del otro, con los scrolls sincronizados.
Es muy útil porque añade renglones en blanco para que se vean ambas páginas en paralelo.

https://bitbucket.org/dougty/sublime-compare-side-by-side

CSS – Quitar Scroll en InfoWindow de Google Maps

Publicado por Iván Gajate el 9 de enero de 2014 en css, Desarrollo Web | Los comentarios están cerrados.

Si insertamos un mapa de Google Maps en nuestro html, al darle a una burbuja de localización, la ventana aparece con un scroll muy poco estético. Para quitarlo podemos usar estas css.

http://www.canbike.ca/information-technology/2013/11/01/firefox-infowindow-scrollbar-fix-google-maps-api-v3.html

Básicamente es meter el contenido en un div con estos estilos:

 

.infowindow-wrapper {
	line-height: 1.35;
	overflow: hidden;
	white-space: nowrap;
}

JS – Nicescroll

Publicado por Iván Gajate el 4 de abril de 2013 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

He encontrado este plugin de jQuery para hacer el típico scroll que desaparece cuando no se está usando. Sobre todo mola porque es super fácil de usar y de tunnear 🙂

http://areaaperta.com/nicescroll/demo.html

jQuery(".contenedor").niceScroll({cursorwidth:"8px", cursoropacitymax:0.5});

 

 

Bloquear el scroll con css

Publicado por Iván Gajate el 9 de noviembre de 2012 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

A veces las CSS te dan alegrías como esta. Si queremos que no aparezca la barra de scroll en nuestra página es tan sencillo como crear un estilo con overflow:hidden:

.no_scroll{
    overflow:hidden;
}

y asignarselo al body con jQuery:

$("body").addClass("no_scroll");

Luego para que vuelvan a aparecer:

$("body").removeClass("no_scroll");

Esto me ha resultado muy útil en una página con un lightbox que al estar visible, no quería que el fondo reaccionase a la rueda del ratón. Cuando muestro el lightbox bloqueo el scroll y cuando se cierra lo vuelvo a activar 🙂

ScrollRect, o cómo hacer una máscara sin máscaras

Publicado por Iván Gajate el 9 de marzo de 2009 en AS2, AS3, Flash, Lab, Tutoriales | 16 comentarios »

Hay una propiedad de todos los objetos de visualización en Flash que se llama scrollRect y es su rectángulo de visualización, la zona que Flash nos enseña de ese objeto. Normalmente el rectángulo de visualización es de iguales dimensiones que el objeto, es decir, si yo tengo una imagen de 400×400, su rectángulo de visualización es de 400×400 empezando en la esquina superior izquierda de la imagen.

scroll-rect-img-1

 

Leer el resto de esta entrada