Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 19.07.2012, 15:00
Интересующийся
Отправить личное сообщение для BoJlod9I Посмотреть профиль Найти все сообщения от BoJlod9I
 
Регистрация: 02.08.2011
Сообщений: 21

Сообщение от BoJlod9I Посмотреть сообщение
смотри открой сайт http://www.all2.mobi/ покрути страницу вверх вниз, у кнопки вверху слева которая на белом фоне позиция фиксированная но когда нажимаешь на кнопку у тебя выпадет меню черное и кнопка пропадает так как падает в top0
Тоесть мне нужно что-бы вот эта кнопка прокрутивалась с фиксированной позицией только в div классе midlle_all2_mobi
Ответить с цитированием
  #12 (permalink)  
Старый 19.07.2012, 15:03
Аватар для zlodeeev
Кандидат Javascript-наук
Отправить личное сообщение для zlodeeev Посмотреть профиль Найти все сообщения от zlodeeev
 
Регистрация: 11.07.2012
Сообщений: 113

Так она так и делает вроде. При прокручивание страницы со статьями - она на одном месте. При нажатии уходит вниз.
Ответить с цитированием
  #13 (permalink)  
Старый 19.07.2012, 15:04
Интересующийся
Отправить личное сообщение для BoJlod9I Посмотреть профиль Найти все сообщения от BoJlod9I
 
Регистрация: 02.08.2011
Сообщений: 21

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

Вот мне нужно такое как нижний блок только у меня чет нихрена не получается
http://ruseller.com/lessons/les999/code.html
Ответить с цитированием
  #14 (permalink)  
Старый 19.07.2012, 15:15
Аватар для zlodeeev
Кандидат Javascript-наук
Отправить личное сообщение для zlodeeev Посмотреть профиль Найти все сообщения от zlodeeev
 
Регистрация: 11.07.2012
Сообщений: 113

А ты её не видишь? Да она есть! И зафискирована на однои месте именно в div.midlle_all2_mobi, т.е. когда у тебя нажимают на кнопку эту - весь блок div.midlle_all2_mobi уходит вниз вместе с кнопкой.
Ответить с цитированием
  #15 (permalink)  
Старый 19.07.2012, 15:17
Аватар для zlodeeev
Кандидат Javascript-наук
Отправить личное сообщение для zlodeeev Посмотреть профиль Найти все сообщения от zlodeeev
 
Регистрация: 11.07.2012
Сообщений: 113

Мне уже даже интересно стало, что именно тебя не устраивает. Всё красиво, всё работает.
Ответить с цитированием
  #16 (permalink)  
Старый 19.07.2012, 15:18
Интересующийся
Отправить личное сообщение для BoJlod9I Посмотреть профиль Найти все сообщения от BoJlod9I
 
Регистрация: 02.08.2011
Сообщений: 21

когда на эту кнопку нажимаешь у неё позиция становится bottom:0 а не top:0 для div класса midlle_all2_mobi. И при bottom:0 кнопку не видно
Ответить с цитированием
  #17 (permalink)  
Старый 19.07.2012, 15:24
Аватар для zlodeeev
Кандидат Javascript-наук
Отправить личное сообщение для zlodeeev Посмотреть профиль Найти все сообщения от zlodeeev
 
Регистрация: 11.07.2012
Сообщений: 113

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

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


То я не знаю, что тебе ответить... Там нет ни у одного элемента свойств ни bottom, ни top вообще.. Может ты не ту ссылку кинул
Ответить с цитированием
  #18 (permalink)  
Старый 19.07.2012, 15:55
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

BoJlod9I,
Тут есть подобное = пост 11 Перемещение блока при скроллинге
Ответить с цитированием
  #19 (permalink)  
Старый 19.07.2012, 18:52
Интересующийся
Отправить личное сообщение для BoJlod9I Посмотреть профиль Найти все сообщения от BoJlod9I
 
Регистрация: 02.08.2011
Сообщений: 21

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

Пример 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, 19.07.2012 в 19:20.
Ответить с цитированием
  #20 (permalink)  
Старый 19.07.2012, 19:39
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Абсолютная позиция элемента на странице Ponomareva_AS Общие вопросы Javascript 2 16.01.2012 18:35
Позиция поля DIV vah-smile (X)HTML/CSS 2 07.04.2011 17:03
Позиция элементом в списке RevivaL Общие вопросы Javascript 1 10.03.2011 15:08
позиция выделенного текста в textarea, начало/конец `p r o x y jQuery 3 07.05.2009 09:08
позиция рисунка внутри ячейки таблицы. arlek1n Общие вопросы Javascript 11 22.12.2008 10:21