У меня есть фиксированный книзу страницы div поверх остальных. В нём кнопка, при нажатии на которую, пользователь перемещается в футер.
Как скрыть этот div, когда пользователь прокрутил или переместилья в зону футера?
<div id="sticky" class="sticky">Контент</div>
<footer id="footer" class="footer">Контент</footer>
.sticky {
display: block;
left: 0;
right: 0;
visibility: visible;
position: fixed;
width: 100%;
z-index: 99999;
}Поставьте ему display:none через скрипт, который высчитывает окончание страницы. Любое изменение поведения элементов на странице в реальном времени достигается только через Javascript или его производные в виде Jquery. В редких случаях через :hover но в вашем случае это не подойдет.
На Jquery как то так:
function hideBlock() {
var block = $('.block');/*задаём класс для элемента*/
if($('body').scrollTop() >= 120) {
[block.show](http://block.show)();/*если ползунок проехал больше 120 пикселей, то блок показывается*/
}
else {
block.hide();/*в противном случает - блок скрывается*/
}
}
$(window).scroll(hideBlock);