Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 27.10.2014, 10:28
Новичок на форуме
Отправить личное сообщение для Jonny316 Посмотреть профиль Найти все сообщения от Jonny316
 
Регистрация: 20.10.2014
Сообщений: 8

не не кликом а прокруткой, пробую через
<script type="text/javascript">
$(document).ready(function(){

$(window).scroll(function(){
if ($(this).scrollTop() > 1200) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});

});
</script>
но не получается..

Последний раз редактировалось Jonny316, 27.10.2014 в 16:56.
Ответить с цитированием
  #12 (permalink)  
Старый 28.10.2014, 11:31
Новичок на форуме
Отправить личное сообщение для Jonny316 Посмотреть профиль Найти все сообщения от Jonny316
 
Регистрация: 20.10.2014
Сообщений: 8

точнее через fadeToggle
Ответить с цитированием
  #13 (permalink)  
Старый 28.10.2014, 11:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Jonny316,
делайте полноценный макет
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #14 (permalink)  
Старый 28.10.2014, 15:21
Новичок на форуме
Отправить личное сообщение для Jonny316 Посмотреть профиль Найти все сообщения от Jonny316
 
Регистрация: 20.10.2014
Сообщений: 8

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .small {
width:100%;
height:50px;
background: pink;
}
.big {
width:100%;
height:100px;
background: green;
}
  </style>
  <script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
$(window).scroll(function(){
if ($(this).scrollTop() > 500) {
$('.big').fadeToggle(1500);
} else {
$('.small').fadeIn();
}
});
 
});
</script>
</head>
<body>
<div class='content small'>
    БЛОК 1
</div>
<div class='content small'>
    БЛОК 2
</div>
</body>
</html>
Ответить с цитированием
  #15 (permalink)  
Старый 28.10.2014, 15:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Jonny316,
24 строка -- где в коде хоть 1 элемент с классом big
Ответить с цитированием
  #16 (permalink)  
Старый 28.10.2014, 16:31
Новичок на форуме
Отправить личное сообщение для Jonny316 Посмотреть профиль Найти все сообщения от Jonny316
 
Регистрация: 20.10.2014
Сообщений: 8

всe сделал рони, спасибо брат, что помогал..
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 205) {
$('.logo').fadeOut(1500);
} else {
$('.logo').fadeIn();
}
});
});
</script>
Ответить с цитированием
  #17 (permalink)  
Старый 28.10.2014, 16:48
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Jonny316,
Ответить с цитированием
  #18 (permalink)  
Старый 29.10.2014, 13:30
Новичок на форуме
Отправить личное сообщение для Jonny316 Посмотреть профиль Найти все сообщения от Jonny316
 
Регистрация: 20.10.2014
Сообщений: 8

Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кто-нибудь видел этот слайдер? IndigoHollow jQuery 6 25.11.2013 15:14
подключать jquery-ui.custom.js или jquery-ui.custom.min.js? Faab jQuery 4 11.10.2013 20:53
Кастомный селект, чекбокс, радио vostok Ваши сайты и скрипты 0 12.08.2013 00:33
Слайдер с помощью CSS и jQuery - 1000 р. stixia007 jQuery 21 27.03.2013 22:44
В зависимости от referrer выводить рекламу adsene или зорьки wlad2 Общие вопросы Javascript 12 19.12.2010 01:02