не не кликом а прокруткой, пробую через
<script type="text/javascript"> $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop() > 1200) { $('.scrollup').fadeIn(); } else { $('.scrollup').fadeOut(); } }); }); </script> но не получается.. |
точнее через fadeToggle
|
Jonny316,
делайте полноценный макет Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
<!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> |
Jonny316,
24 строка -- где в коде хоть 1 элемент с классом big |
вс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> |
Jonny316,
:) |
:)
|
Часовой пояс GMT +3, время: 08:33. |