Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Фиксированная позиция (https://javascript.ru/forum/jquery/29955-fiksirovannaya-poziciya.html)

BoJlod9I 19.07.2012 15:00

Цитата:

Сообщение от BoJlod9I (Сообщение 189937)
смотри открой сайт http://www.all2.mobi/ покрути страницу вверх вниз, у кнопки вверху слева которая на белом фоне позиция фиксированная но когда нажимаешь на кнопку у тебя выпадет меню черное и кнопка пропадает так как падает в top0

Тоесть мне нужно что-бы вот эта кнопка прокрутивалась с фиксированной позицией только в div классе midlle_all2_mobi

zlodeeev 19.07.2012 15:03

Так она так и делает вроде. При прокручивание страницы со статьями - она на одном месте. При нажатии уходит вниз.

BoJlod9I 19.07.2012 15:04

мне нужно что-бы я видел кнопку

Вот мне нужно такое как нижний блок только у меня чет нихрена не получается
http://ruseller.com/lessons/les999/code.html

zlodeeev 19.07.2012 15:15

А ты её не видишь? Да она есть! И зафискирована на однои месте именно в div.midlle_all2_mobi, т.е. когда у тебя нажимают на кнопку эту - весь блок div.midlle_all2_mobi уходит вниз вместе с кнопкой.

zlodeeev 19.07.2012 15:17

Мне уже даже интересно стало, что именно тебя не устраивает. Всё красиво, всё работает.

BoJlod9I 19.07.2012 15:18

когда на эту кнопку нажимаешь у неё позиция становится bottom:0 а не top:0 для div класса midlle_all2_mobi. И при bottom:0 кнопку не видно

zlodeeev 19.07.2012 15:24

Ну если ты такое умудряешся сделать:

.box_fast_menu {
width: 100%;
margin: 0px;
padding: 0px;
height: 35px;
z-index: 1; <<<<
left: 0;
position: fixed;
z-index: 9999999; <<<<
}


То я не знаю, что тебе ответить... Там нет ни у одного элемента свойств ни bottom, ни top вообще.. Может ты не ту ссылку кинул

Deff 19.07.2012 15:55

BoJlod9I,
Тут есть подобное = пост 11 http://javascript.ru/forum/misc/2892...tml#post181794

BoJlod9I 19.07.2012 18:52

Щас работает все нормально кроме того что после выезджания менюшки, по кнопке которая привязана к блоку, позиция вновь становится не фиксированнной =(

Пример http://all2.mobi

Вот JS которые использую для этой кнопки

JS который привязывает к блоку кнопку
<script type="text/javascript">
function Scroll_Tst(){
  var WinTop = $(window).scrollTop();
  var WinBottom = WinTop+$(window).height();

    $(".middle_all2_mobi").each(function (j) {
	var a=$(this);
	var Top = a.position().top;
	var Bottom = Top+a.height();

	var b = a.find("a.middle_button_top_menu");
	var b_Heig = b.outerHeight() + 20; //20 - отступ от низа

	if(Top > WinTop||Bottom < WinTop||Top > WinBottom) {	// container либо вне поля видимости, либо не
	$(this).attr('class','middle_all2_mobi'); return true;}	//влотную к верху экрана;

	if(Bottom > WinTop && Top < WinTop ){	//container влотную к верху экрана;
	if(Bottom - b_Heig > WinTop){$(this).attr('class','middle_all2_mobi top-visible');
	} else {$(this).attr('class','middle_all2_mobi top-visible-fix')}
	return true;}

    });
}

 var TimScroll;
 var Ready = true;

$(window).scroll(function(){
   if(Ready){Ready = false; clearTimeout(TimScroll);

     Scroll_Tst()

     TimScroll=setTimeout("Ready = true",10);
   } 
});
</script>



А вот JS который показывает меню через кнопку
$(document).ready(function () {
	$('.middle_button_top_menu').click(function () {
	$('.box_top_all2_mobi').slideDown('slow');
	return false;
    });
	$('.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;
    });
});

Deff 19.07.2012 19:39

BoJlod9I,
Добавьте (Хотя про fixed - Вы вродь уже догадались
<style type="text/css" media="all">
.top-visible .middle_button_top_menu {
 display:block!important;
 margin-top:40px!important;
 position: fixed!important;
}
</style>


Часовой пояс GMT +3, время: 16:55.