如何在手机上隐藏页脚

当用户尝试在移动设备的字段中输入内容时页脚应该隐藏！如何在手机上隐藏页脚

Live link to the site

下面是截图：

你的帮助，请:)

来源

2017-02-21 Maxim Baran Furman

请添加一些代码。截图会比链接到您的网站更好。 –

只是为了澄清@TotZam的评论，添加一个屏幕截图，说明您的网站在问题中的外观和粘贴方式，并通过单击CTRL + K或“{}”按钮进行格式化。 _不要发布你的代码的截图。 –

改进了问题并添加了提供的URL的移动快照。 –

你是说你想要的页脚当你点击输入框消失？如果是的话，你可以尝试这样的事：

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'); 
});

此外，您将需要此CDN的jQuery：<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>祝你好运！

来源

2017-02-21 18:12:07

OP也必须加载jQuery（实际情况并非如此）。你应该向他建议一个CND ...以及在哪里以及如何添加它。 ;） –

我不希望页脚在输入框上单击时消失，我希望该键盘将隐藏页脚 –

@MaximBaranFurman在这种情况下，它们几乎是一样的。我会尝试上面的代码，看看会发生什么。 –

如何在手机上隐藏页脚

回答

相关问题