Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как сделать выезжающую панель вверху сайта при скроллинге?

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


     09.10.2016    Все вопросы » jQuery    1789

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

Ответил: 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
Юзер

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

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

Sander
PHP-developer

Sander - 10 октября 2016 14:25 -

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

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

Telegram: @sandev
Skype: Sander8804

baseroad
Юзер

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

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

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

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

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

наверх