html - 如何在手机上隐藏页脚

Question

当用户尝试在移动设备的字段中输入内容时，页脚应该隐藏!

Live link to the site

截图如下:

请帮忙:)

Answer 1

你是说当你点击输入框时，你希望页脚消失吗？如果是这样，你可以尝试这样的事情:

CSS

@media (max-width: /* Whatever size you want */) {
    .hidden {
         display: none;
    }
}

jQuery

/* Hide footer when input is focused */
$('input').on('focus', function () {
    $(this).addClass('hidden');
});

/* Reveal footer when input is blurred */
$('input').on('blur', function () {
    $(this).removeClass('hidden');
});

此外，您还需要这个用于 jQuery 的 CDN:<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>祝你好运!