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:
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"})
}
}
});
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"})
}
}
});