Witam !
Aktualnie tworzę stronę na której jest długa lista miejscowości a po prawej stronie do tego jest mapka google i zamknięte są w jednym divie.
przykład:
  1. <div>
  2. <ul>
  3. <li>Miasto</li>
  4. <li>Miasto</li>
  5. <li>Miasto</li>
  6. <li>Miasto</li>
  7. <li>Miasto</li>
  8. <li>Miasto</li>
  9. <li>Miasto</li>
  10. <li>Miasto</li>
  11. <li>Miasto</li>
  12. <li>Miasto</li>
  13. <li>Miasto</li>
  14. <li>Miasto</li>
  15. <li>Miasto</li>
  16. <li>Miasto</li>
  17. <li>Miasto</li>
  18. <ul>
  19. <iframe name="mapa"></iframe>
  20. </div>


mapa opływa listę z prawej strony.
Mam takie pytanie:
Czy da się zrobić tak aby mapka przewijała się w obrębie tego jednego div'a w którym jest zamknięta razem z listą ?

napisalem aki skrypcik do pływających elementów ale to się odnosi do globalnej pozycji więc elementy są przewijane aż do końca strony.
Kod
$(document).ready(function(){

    init_check_ss();
    if($('.content_1').size())
             {
                 ps_height = $('.content_1').height();
             }

    $(window).scroll(function(){
            if(($('.content_1').size() && $('.tresc').size()) || $('.tresc').size())
             {
                 if($(window).scrollTop() >= 178){
                    $('.left_1').css({"position":"fixed", "top":"10px"})
                      $('.apt_nav').css({"position":"fixed", "top":"10px"})
                      $('.airport').css({"position":"fixed", "top":"20px"})
                      $('.tresc').css({"position":"static", "top":"590px", "padding-top":"460px"})
                      if($('.msg_rez').size())
                      {
                             var pozycja_msg = $('.msg_rez').position()
                             $('.msg_rez').css({"position":"fixed", "float":"left", "margin-left":"0px"})
                             $('.p_s').css({"height":ps_height+90+"px"})
                        }
                }
                 else
                 {
                     $('.left_1').css({"position":"relative", "top":"0px"})
                    $('.apt_nav').css({"position":"static", "top":"0px"})
                    $('.airport').css({"position":"static", "top":"0px"})
                    $('.tresc').css({"position":"static", "top":"0px", "padding-top":"10px"})
                 }
             }
    });