Показать сообщение отдельно
  #28 (permalink)  
Старый 15.01.2016, 23:17
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

Сообщение от alex72bel
Что-то попробовал поставить в песочницу и не работает ...
<style>
body {
  height: 1850px;
}

body {
  display: block;
  margin: 8px;
}

.block {
  display: block;
  margin: 8px;
  height: 200px;
  width: 250px
}

#hid {
  width: 150px;
  height: 50px;
  background: #FF0000;
  opacity: 0;
  position: fixed;
}
</style>
<div class="block">
    <div id="hid">
      тут что-то вставляете
    </div>
 </div>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script>
jQuery( document ).ready(function( $ ) {
   var element = $("#hid"), display;
   $(window).scroll(function() {
     display = $(this).scrollTop() >= 200;
     display != element.css('opacity') && element.stop().animate({
       'opacity': display
     }, 500);
   });
 });
  </script>
Ответить с цитированием