Форум

Jonny316 · #11 (**permalink**) 27.10.2014, 10:28

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

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

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

Jonny316 · #12 (**permalink**) 28.10.2014, 11:31

точнее через fadeToggle

рони · #13 (**permalink**) 28.10.2014, 11:59

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

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

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Jonny316 · #14 (**permalink**) 28.10.2014, 15:21

<!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

Jonny316,
24 строка -- где в коде хоть 1 элемент с классом big

Jonny316 · #16 (**permalink**) 28.10.2014, 16:31

вс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

Jonny316,

Jonny316 · #18 (**permalink**) 29.10.2014, 13:30

Форум

Справочник

Discord чат

Курсы javascript