W każdym razie ostatnio zacząłem używać bxslider i mam z tym problem.

Wygląda na to, że błędnie oblicza swój rozmiar rzutni na stronie, co oznacza, że ​​nie działa dobrze na urządzeniach mobilnych, tabletach itp.

Dziwne jest to, że kiedy zmieniam rozmiar okna przeglądarki (nawet tylko dla jednego piksela), wysokość rzutni jest obliczana poprawnie i wszystko wygląda dobrze. Ale jeśli odświeżę stronę o tej samej wysokości i szerokości, bx-viewport nie zostanie poprawnie obliczony.

Jakiś pomysł dlaczego tak się dzieje?

HTML wygląda mniej więcej tak (i ​​wiem, że prawdopodobnie nie ma z tym nic wspólnego, ale nadal):

<ul class="seminars-slider">
    <li>
        <article class="education-article">
            <h3><a href="#"> Sit tincidunt eros massa, lundium ultrices, sit in aliquet velit</a></h3>
            <p>LOL1</p>
            <div class="buttons">
                <a href="#" class="book-button"><span>Book now</span></a>
                <a href="#" class="read-more"><span>Read more</span></a>
            </div>
            <div class="clearall"></div>

        </article>
    <div class="clearall"></div>
    </li>

    // same li
    <li>
        <article class="education-article">
            <h3><a href="#"> Sit tincidunt eros massa, lundium ultrices, sit in aliquet velit</a></h3>
            <p>LOL1</p>
            <div class="buttons">
                <a href="#" class="book-button"><span>Book now</span></a>
                <a href="#" class="read-more"><span>Read more</span></a>
            </div>
            <div class="clearall"></div>

        </article>
    <div class="clearall"></div>
    </li>
</ul>          

Wywołanie js wygląda tak:

slider=jQuery('.seminars-slider').bxSlider({
    mode: 'vertical',
    controls:false,
    pager:false,
    minSlides:2,
    maxSlides:2,
    moveSlides:1
});

jQuery('.up-control').click(function() {
    slider.goToNextSlide();
});
jQuery('.down-control').click(function() {
    slider.goToPrevSlide();
});

Dzięki.