Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
Darres
2 / 1 / 1
Регистрация: 07.11.2016
Сообщений: 44
Завершенные тесты: 1
1

Как сделать чтобы элемент появлялся при прокрутке страницы html

30.12.2018, 18:42. Просмотров 954. Ответов 1

Добрый вечер.
Вопрос в теме. В инете неполная информация, вроде код есть, но понятия не имею куда вставлять.

Из инета (это проверка подключен ли jQuery):
Javascript
1
2
3
4
5
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
if (window.jQuery) alert("jQuery подключен");
else alert("jQuery не подключен");
</script>

Этот кусок вставлен между <head></head>, после тега </style>. И он работает. Страница выдает сообщение "jQuery подключен".


После этого скрипта есть еще один из инета:
Javascript
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
$(document).ready(function(){
    $(window).scroll(function(){
        if($(window).scrollTop()>120){
            $('#top').fadeIn(900)
        }else{
            $('#top').fadeOut(700)
        }
    });
});
</script>
И небольшой код CSS между <style></style> (собственно сам элемент #top):
CSS
1
2
3
4
5
6
7
8
9
10
#top {
display:none;
position:fixed;
right:1%;
bottom:16px;
height:16px;
width:48px;
height:48px;
background:#ff0000;
}
Но он не работает, элемент при прокрутке не появляется. Как сделать так, чтоб появлялся?
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
30.12.2018, 18:42
Ответы с готовыми решениями:

Как сделать, чтобы какой- либо элемент появлялся только после полной его загрузки (например картинка)?
Как сделать, чтобы какой- либо элемент появлялся только после полной его загрузки (например...

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

о как сделать чтобы при вводе и нажатии enter появлялся список контактов в виде чекбокса
У нас есть текстовое поле в которое мы вводим значение при нажатии enter ,введенное значение...

Как сделать, чтобы при прокрутке странички вверх происходило событие изменения класса?
Подскажите как сделать, что бы при прокрутке странички вверх происходило событие изменения класса,...

Нужно чтобы при прокрутке списка элементов последний элемент не менял своего положения
как сделать так чтобы при прокрутке списка элементов последний элемент не менял своего положения ?...

1
Андрей МСК
2 / 1 / 1
Регистрация: 29.10.2013
Сообщений: 35
30.12.2018, 22:52 2
Лучший ответ Сообщение было отмечено Darres как решение

Решение

Darres, приведенный вами код рабочий. Все это должно быть между тегами <head></head>. А между тегами <body> </body> в любом месте должен быть сам блок <div id="top"></div>
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.12.2018, 22:52

Как сделать, чтобы при выходе из страницы выполнялся скрипт?
Есть веб страница с Ajax запросами и другими JavaScript вещами. Необходимо сделать так, чтобы при...

Как сделать, чтобы radialindicator.js запускался при загрузке страницы сайта?
как сделать, чтоб данный js запускался при загрузке страницы сайта? ...

Как скрыть два элемента при прокрутке страницы на 80px
Всем доброго времени суток! Подскажите как скрыть два блока (block-1 и block-2) при скроле...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru