Как решить проблему липкого сайдбара и flex-слайдера?

Question

[William]

я использую https://github.com/somewebmedia/hc-sticky в качестве сайдбара и https://github.com/woocommerce/FlexSlider flex-слайдер.

при открытии страницы, слайдер доли секунд подгружается:


и только потом становится в полную высоту:


при прокручивании страницы и возврата наверх, боковая колонка заезжает на слайдер:


почему-то липнет к самому верху, хотя в init.js указал класс контейнера основоного...

!(function($) {
            $(document).ready(function() {
                var $sticky = $('aside');

                $sticky.hcSticky({
                    stickTo: '.stickyside',
                    responsive: {
                        980: {
                            disable: true
                        }
                    }
                });
            });
        })(jQuery);

если окно браузера сузить и вернуть в основное положение, то боковая колонка будет работать как следует, то есть липнуть не к самому верху, а к контейнеру .stickyside

решается проблема, если слайдеру зафиксировать высоту height: 300px;
но так нельзя, потому что высота контейнера слайда может варьироваться от количества строк, переносов и т.п.

может есть другой способ решить задачу?

Answer 1

[William]

вроде решилось:
удалил дубль init.js

и заменил

jQuery(document).ready(function($){
// Can also be used with $(document).ready()
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    prevText: " ",
    nextText: " ",
    slideshow: false,
  });
});
});

на это:

!(function($) {
            $(document).ready(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    prevText: " ",
    nextText: " ",
    slideshow: false,
  });

            });
        })(jQuery);