如何在手機上隱藏頁腳

當用戶嘗試在移動設備的字段中輸入內容時頁腳應該隱藏！如何在手機上隱藏頁腳

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在這種情況下，它們幾乎是一樣的。我會嘗試上面的代碼，看看會發生什麼。 –

如何在手機上隱藏頁腳

回答

相關問題