Цитата:
|
Так она так и делает вроде. При прокручивание страницы со статьями - она на одном месте. При нажатии уходит вниз.
|
мне нужно что-бы я видел кнопку
Вот мне нужно такое как нижний блок только у меня чет нихрена не получается http://ruseller.com/lessons/les999/code.html |
А ты её не видишь? Да она есть! И зафискирована на однои месте именно в div.midlle_all2_mobi, т.е. когда у тебя нажимают на кнопку эту - весь блок div.midlle_all2_mobi уходит вниз вместе с кнопкой.
|
Мне уже даже интересно стало, что именно тебя не устраивает. Всё красиво, всё работает.
|
когда на эту кнопку нажимаешь у неё позиция становится bottom:0 а не top:0 для div класса midlle_all2_mobi. И при bottom:0 кнопку не видно
|
Ну если ты такое умудряешся сделать:
.box_fast_menu {
width: 100%;
margin: 0px;
padding: 0px;
height: 35px;
z-index: 1; <<<<
left: 0;
position: fixed;
z-index: 9999999; <<<<
}
То я не знаю, что тебе ответить... Там нет ни у одного элемента свойств ни bottom, ни top вообще.. Может ты не ту ссылку кинул |
BoJlod9I,
Тут есть подобное = пост 11 http://javascript.ru/forum/misc/2892...tml#post181794 |
Щас работает все нормально кроме того что после выезджания менюшки, по кнопке которая привязана к блоку, позиция вновь становится не фиксированнной =(
Пример 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;
});
});
|
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, время: 07:39. |