[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Ленивые вопросы » Плавающее меню.

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

Код
<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>
[2] likbezz [18.05.2014, 15:09]
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>

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


Полная версия сайта