не не кликом а прокруткой, пробую через
<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, время: 11:29. |