解决方法:监控屏幕大小的变化,当屏幕变小的时候让按钮隐藏起来,当屏幕大小与当前屏幕保持一致的时候,让按钮正常显示。
原生js解决方法:
var h = document.body.scrollHeight;
window.onresize = function(){
if (document.body.scrollHeight < h) {
document.getElementsByTagName("nav")[0].style.display = "none";
}else{
document.getElementsByTagName("nav")[0].style.display = "block";
}
};
加黑倾斜的是重点,记住
另外的jquery的写法
var h=$(window).height();
$(window).resize(function() {
if($(window).height()<h){
$('.footer').hide();
}else{
$('.footer').show();
}
}
// 这是在项目中遇到的情况
另外一种情况出现在了苹果手机上,底部的input的框会被下面弹起的键盘遮住
具体情况看这个链接:https://www.cnblogs.com/wangjae/p/7095619.html
解决方法:
$("input").on("click", function() {
setTimeout(function(){
document.body.scrollTop = document.body.scrollHeight;
},300);
})
scrollTop和scrollHeight的含义和用法,百度上多的很。不过确实提供了一种思路。