float div на странице под аккордеоном

Question

Из рисунка ниже вы можете видеть, что у меня есть раздел «Быстрые советы». Для примера скажем, что внешний div называется: id = "TipsDiv". Вы можете видеть, что он находится ниже аккордеона. Я хочу, чтобы он оставался ниже аккордеона. Однако, когда пользователь прокручивает вниз, div никогда не должен идти выше (0,0). И когда пользователь прокручивает назад, это должно быть так, как на картинке.

Если я не прояснил себя, пожалуйста, дайте мне знать, и я постараюсь объяснить лучше.

Спасибо!

Answer 1

Вы должны быть в состоянии использовать что-то вроде этого примера, который я создал для другого вопроса, с некоторыми изменениями для обработки аккордеона В основном вам нужно будет заменить 250 на расчетную высоту гармошки.

http://jsfiddle.net/b43hj/

$(window).scroll(function(){
    $("#theFixed").css("top",Math.max(0,250-$(this).scrollTop()));
});