carouFredSel Slider – hace scroll to top al cambiar de slide

mayo 26, 2017 1:06 am Publicado por Deja tus comentarios

carouFredSel Slider tiene un bug en Google Chrome, cuando activas la transición fade in entre los slides(diapositivas); cuando hace la transición hace un scroll automático y enfoca el slider, sin importar donde esté el scroll en la página. Hay dos formas de solucionarlo:

1. carouFredSel Slider html-css hack:)*

.chrome-fix {
    position:absolute;
    width:100%;
    height:100%;
}
<div class="caroufredsel_wrapper">
    <div class="chrome-fix"></div>
    <ul id="foo2">
        <li>
            <img src="/img.jpg" alt="" />
        </li>
        <li>
            <img src="/img2.jpg" alt="" />
        </li>
        <li>
            <img src="/img3.jpg" alt="" />
        </li>
        <li>
            <img src="/img4.jpg" alt="" />
        </li>
    </ul>
</div>

2. No utilizar transición fade:

Cambiar la transición fx de crossfade a otra, ej. cover.

scroll : { fx : "cover" }

*Gracias a nuestro amigo Andy Mutter en stackoverflow que encontró la mejor solución, Ver referencia.

Conocimiento colectivo. Crowdsourcing

Etiquetas:

Categorizado en:

Esta entrada fue escrita porAndrei Olea