Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Как сделать выезжающую панель вверху сайта при скроллинге?

Как сделать выезжающую панель вверху сайта при скроллинге?


     09.10.2016    jQuery    328

вопрос
Не знаю как называется данное меню или панель... Хочется сделать, чтобы при скороллинге вверху экрана появлялась панель и там уже вывести все что нужно...
Как сделать выезжающую панель вверху сайта при скроллинге?

Ответил: Sander


<div style="position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,.95);height:50px;display:none;" id="fortop"></div>
<script>
function fortop(){
    if($(window).scrollTop()>300) $('#fortop').fadeIn(200);
    else $('#fortop').fadeOut(200);
}
$(function(){
    fortop();
    $(window).scroll(fortop);
})
</script>

Комментарии пользователей (3)

baseroad
5

298 | 7

baseroad - 10 октября 2016 08:39 - Юзер

SANDER, а html самой панели между дивами вставить?

Sander
1150

1655 | 1210

Sander - 10 октября 2016 14:25 - Эксперт

div id="fortop" - это и блок, который отображается, когда скролл опускается вниз на 300px.
Стилями position:fixed;top:0; он прилеплен к верху страницы. Содержимое/html код могут быть любыми.

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

baseroad
5

298 | 7

baseroad - 5 января 2017 11:29 - Юзер

Цитата: Sander
div id="fortop" - это и блок, который отображается, когда скролл опускается вниз на 300px.
Стилями position:fixed;top:0; он прилеплен к верху страницы. Содержимое/html код могут быть любыми.

Можете посмотреть почему оно не работает тогда???(((
https://output.jsbin.com/mogezukobo

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы