Как задать диапазон в событии scroll?

@johny_24 · Регистрация: 25.12.2012

Студворк — интернет-сервис помощи студентам

нужно чтобы блок исчезал в футере и хедере, так вот в футере при достижении значения скрола > 1700 и появляется при < 1700, все работает нормально, а вот с хедером не работает, подскажите может как то диапазон можно задать?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(window).scroll(function () {
        if ($(this).scrollTop() > 1700 ) {
           $('#table').fadeOut();
        }
    
    });
 
    $(window).scroll(function () {
        if ($(this).scrollTop() < 1700) {
           $('#table').fadeIn();
        }
        
    });

@Soldado · 18.08.2013, 18:38

Диапазон как и в любом другом условии, например, используя логическое И (&&)

JavaScript
1
2
3
4
5
6
if ($(this).scrollTop() > 1700 && $(this).scrollTop() <200)  {
           $('#table').fadeOut();
        }
else{
    $('#table').fadeIn(); 
}

~~данный код на практике не проверен~~

@johny_24 · 19.08.2013, 12:32 **[ТС]**

Не, не работает, хотя очень логично...

@vooduq · 19.08.2013, 12:49

JavaScript
1
2
3
4
5
6
if ($(this).scrollTop() > 1700)  {
           $('#table').fadeOut();
        }
else{
    $('#table').fadeIn(); 
}

@johny_24 · 19.08.2013, 12:58 **[ТС]**

Нет, нужно по тому принципу, как Soldado написал, больше 1700 и меньше 200 исчезала, во всех остальных случаях появлялась, пока только исчезает и появляется внизу вверху не получается

@Soldado · 19.08.2013, 14:00

Сообщение от johny_24

Не, не работает, хотя очень логично...

Как раз не логично.
Число больше за 1700 и при этом меньше 200

Вот, как вариант, но не знаю как сделать чтобы блок исчезал в футере. По идее нет ничего ниже футера и невозможно прокрутить ниже, кроме только если с прокруткой блок опускается ниже и ниже - вот пример
Код при фиксированном блоке

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
  <head>
    <title>Появление исчезание</title>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
    
 <script type="text/javascript">
 $(function () {
$(window).scroll(function(){ 
 
 if ($(this).scrollTop() < 1700 && $(this).scrollTop() > 200)  {
           $('#table1').fadeIn()
        }
else{
    $('#table1').fadeOut(); 
}
});
           
 }); </script>
<style>
#header{
height:200px;
background-color: #e3de09;
border: 2px solid green;
}
#footer{
margin-top:1600px; 
height:200px;
background-color: #e3de09;
border: 2px solid green;
margin-bottom:800px;
}
#table1{
    height: 100px;
    background-color: #2549da;
    width: 600px;
    border: 2px solid green;
    position: fixed;
    color:white;
    font-weight: bold;
    text-align: center;
    display:none;
}
</style>    
  </head>
  <body>
        <div id="table1"></div>
        <div id="header">header</div>
        
        <div id="footer">footer</div>
  </body>
</html>

@johny_24 · 19.08.2013, 14:32 **[ТС]**

Ну вот, теперь красота))) Все работает) Спасибо

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 05.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@johny_24 9 / 9 / 1 Регистрация: 25.12.2012 Сообщений: 94
	19.08.2013, 12:32 [ТС]
	Не, не работает, хотя очень логично... 0

@johny_24 9 / 9 / 1 Регистрация: 25.12.2012 Сообщений: 94
	19.08.2013, 12:58 [ТС]
	Нет, нужно по тому принципу, как Soldado написал, больше 1700 и меньше 200 исчезала, во всех остальных случаях появлялась, пока только исчезает и появляется внизу вверху не получается 0

@johny_24 9 / 9 / 1 Регистрация: 25.12.2012 Сообщений: 94
	19.08.2013, 14:32 [ТС]
	Ну вот, теперь красота))) Все работает) Спасибо 0