Фильтр по:
  

Плавающее меню.

Ленивые вопросы

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Основы, Уроки, Пояснения, Подробности и подобное. » Ленивые вопросы » Плавающее меню. (Исчезающаяся и появляющаяся плавающая кнопка (блок) на сайт.)
Плавающее меню.
Дата: Вторник, 13.05.2014, 16:41 |
MegaMax
Рядовой
Группа: Зарегистрированные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


 Здравствуйте. Подскажите пожалуйста:
Я сделал закреплённое к левому боку плавающее меню. Но мне нужно чтобы оно было только при прокрутке страницы вниз, а при посещении самого верха страницы исчезало. Что-то на подобии кнопки "Вверх". Что и куда именно нужно добавить? Вот код:

Код
<script type="javascript" src=""></script>
<script type="javascript">
   $(window).scroll(function() {
     $('div#side_block').animate({
       top: $(this).scrollTop()
     });
   });
</script>
<style>
   div#side_block {
left: 10;
position:fixed; //fixed, не absolute
top:0;
width:100px; // ; в конце строки
}
</style>
<div id="side_block"> <a id="dynamic-to-top" href="ссылка" style="display: inline;">  <img src="картинка" width="45" height="43"></a></div>

 
Дата: Воскресенье, 18.05.2014, 15:09 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 MegaMax,
Цитата MegaMax, Вт, 13.05.2014, 16:41:37
Что и куда именно нужно добавить? Вот код:

В этот код?
Он про другое..
Вот так, как-то:
Код
<style>
#side_block {
left: 10px;
position:fixed; //fixed, не absolute
top:0;
width:100px; // ; в конце строки
}
</style>
<div id="side_block"> <a id="dynamic-to-top" href="ссылка" style="display: inline;">картинка</a></div>
<script type="text/javascript">    
$(function(){    
     $(window).scroll(function() {     
     var top = $(document).scrollTop();    
     if (top > 98) $('#side_block').show();     
     else $('#side_block').hide();    
     });    
});    
</script>


Фиксированный блок с прокруткой

Или так:
Код
<script type="text/javascript">
$(window).scroll(function() {
  var top = $(document).scrollTop();
  $('#side_block').animate({top: top+'px'});
  if (top > 98) $('#side_block').show();    
    else $('#side_block').hide();
});
</script>

В общем, смысл в том.

 
Скрипты и коды для юкоз - Форум аццкого кодера » Основы, Уроки, Пояснения, Подробности и подобное. » Ленивые вопросы » Плавающее меню. (Исчезающаяся и появляющаяся плавающая кнопка (блок) на сайт.)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия