var $win = $(window);
$('.inp').on('keydown', function (e) {
switch (e.which) {
case 38:
var top = $win.scrollTop();
top -= 10;
$win.scrollTop(top);
break;
case 40:
var top = $win.scrollTop();
top += 10;
$win.scrollTop(top);
break;
}
});setInterval(function () {
var now = new Date();
var hour = now.getHours();
var min = getMinutes();
// а дальше сравниваем с этолоном, например с 0 часов 0 минут 0 секунд
// обновляем счетчик и сохраняем его в localStorage
}, 1000)var urls = [];
$('.detail-image-fancy').each(function () {
var src = $(this).prop('src');
urls.push({href: src});
});
var json = JSON.stringify(urls);...
</head>
<body>
<header style='background-image: url(img/header.jpg);'>
контент
</header>
...var $win = $(window),
$menu = $('.menu'),
oldY = 0,
y = 0;
function scroll () {
y = $win.scrollTop();
if (y > oldY) {
tglMenu(false);
} else {
tglMenu(true);
}
oldY = y;
}
function tglMenu (state) {
$menu.toggleClass('active', state);
}
$win.on('scroll', scroll);<div class='test'></div>
<div class='menu'>Menu</div>.test {
width: 100px;
height: 3000px;
}
.menu {
position: fixed;
bottom: 0; left: 0;
width: 100%;
height: 70px;
background: #f00;
display: none;
}
.menu.active {
display: block;
}