|
Фиксированная позиция
Всем привет!
Помогите пожалуйста решить задачку На сайте http://all2.mobi имеется слева вверху кнопка которая открывает меню(черный фон). Проблема состоит в том что кнопку необходимо фиксировать только в 1-ом див классе у которого белый фон. Не могу понять как может кто-то даст пример решения? Т.к. позиция щас фиксированая у кнопки при помощи ксс, кнопка пропадает при появлении меню =( думаю сами поймете |
Можно получить высоту верхнего меню
var menu_height = $('.top_all2_mobi').height();
и добавить к кнопке отступ сверху
var topSpacing = 40 + parseInt(menu_height);
$('.top_all2_mobi').css('top', topSpacing + 'px');
Где 40 - отступ сверху по-умолчанию. |
Чет у меня не получилось вот добавил к той кнопке которая опускает меню.
$(document).ready(function () {
var menu_height = $('.top_all2_mobi').height();
var topSpacing = 40 + parseInt(menu_height);
$('.top_all2_mobi').css('top', topSpacing + 'px');
$('a.middle_button_top_menu').click(function () {
$('.box_top_all2_mobi').slideDown('slow');
return false;
});
$('a.middle_button_top_menu').click(function(){
if($.browser.safari){
bodyelem = $("body")
} else{
if($.browser.opera){
bodyelem = $("html")
} else{
bodyelem = $("html,body")
}
}
bodyelem.animate({scrollTop: 0});
return false;
});
});
|
теме ап
|
$(document).ready(function () {
$('.top_all2_mobi').css('top', topSpacing + 'px');
$('a.middle_button_top_menu').click(function () {
*!*
$('.box_top_all2_mobi').slideDown('slow', function() {
var menu_height = $('.top_all2_mobi').height(); // после слайддауна считать
var topSpacing = 40 + parseInt(menu_height);
});
*/!*
return false;
});
$('a.middle_button_top_menu').click(function(){
if($.browser.safari){
bodyelem = $("body")
} else{
if($.browser.opera){
bodyelem = $("html")
} else{
bodyelem = $("html,body")
}
}
bodyelem.animate({scrollTop: 0});
return false;
});
});
|
при таком вообще ничего не работает =*(
$(document).ready(function () {
$('.top_all2_mobi').css('top', topSpacing + 'px');
$('a.middle_button_top_menu').click(function () {
$('.box_top_all2_mobi').slideDown('slow', function() {
var menu_height = $('.top_all2_mobi').height(); // после слайддауна считать
var topSpacing = 40 + parseInt(menu_height);
});
return false;
});
$('a.middle_button_top_menu').click(function(){
if($.browser.safari){
bodyelem = $("body")
} else{
if($.browser.opera){
bodyelem = $("html")
} else{
bodyelem = $("html,body")
}
}
bodyelem.animate({scrollTop: 0});
return false;
});
});
|
Цитата:
|
Цитата:
|
http://www.all2.mobi/
Смотри когда нажимаешь на кнопку вниз слева вверху тогда падает менюшка но мне нужно что-бы когда я перехожу на белый фон тоесть прокручиваю мне должна опять появлятся эта кнопка только на белом фоне и быть фиксированной при прокрутке беголого фона |
смотри открой сайт http://www.all2.mobi/ покрути страницу вверх вниз, у кнопки вверху слева которая на белом фоне позиция фиксированная но когда нажимаешь на кнопку у тебя выпадет меню черное и кнопка пропадает так как падает в top0
|
| Часовой пояс GMT +3, время: 15:24. |
|