Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript检测html元素是否适合屏幕_Javascript_Html - Fatal编程技术网

Javascript检测html元素是否适合屏幕

Javascript检测html元素是否适合屏幕,javascript,html,Javascript,Html,有没有一种方法可以使用javascript来检测html内容是否不适合屏幕(可滚动),以便仅在必要时显示“返回顶部按钮”?很难说,但您可能可以使用document.getElementById())获取元素,然后使用innerHeight()确定元素是否超过高度 编辑-看起来我可能有点误读了。如果要检查页面上的整个HTML内容,可以在文档上使用类似于滚动高度的东西。如果愿意使用jQuery,可以尝试查找窗口高度并将其与包装器元素高度进行比较。如果图元高度更大,则显示该按钮 var x=$(窗口

有没有一种方法可以使用javascript来检测html内容是否不适合屏幕(可滚动),以便仅在必要时显示“返回顶部按钮”?

很难说,但您可能可以使用
document.getElementById()
)获取元素,然后使用
innerHeight
()确定元素是否超过高度


编辑-看起来我可能有点误读了。如果要检查页面上的整个HTML内容,可以在
文档上使用类似于
滚动高度
的东西。如果愿意使用jQuery,可以尝试查找窗口高度并将其与包装器元素高度进行比较。如果图元高度更大,则显示该按钮

var x=$(窗口).height();
如果($('#测试“).height()>x){
警报(“可滚动”);
//在此添加按钮
}

您可以将页面高度与浏览器高度进行比较:

document.body.offsetHeight < screen.availHeight

不支持IE,但我最喜欢的javascript始终是:

var scrollHeight = window.scrollY;
console.log(scrollHeight);
var scrollHeight = window.scrollY;
console.log(scrollHeight);