jquery js获取移动设备浏览器高度

Posted 2023-03-28

要获得手机浏览器的高度

在js使用过程中可能会根据要求获取浏览器高度和宽度。
一、获取浏览器的高度：
jquery代码直接使用 $(window).height();
原生态JS代码需要考虑页面DOCTYPE的声明，使用以下代码：
<script>
var w=document.documentElement?document.documentElement.clientHeight:document.body.clientHeight;
alert(w);
</script>
二、获取浏览器的宽度：
jquery代码直接使用 $(window).With();
原生态JS代码：
var w=document.documentElement?document.documentElement.clientWidth:document.body.clientWidth; 参考技术A

获取代码如下：

<script>

var w=document.documentElement?document.documentElement.clientHeight:document.body.clientHeight;

alert(w);

</script>

获取浏览器的高度：jquery代码直接使用 $(window).height()。

获取浏览器的宽度：

jquery代码直接使用 $(window).With();

原生态JS代码：

var w=document.documentElement?document.documentElement.clientWidth:document.body.clientWidth。

参考技术B document.documentElement.clientHeight 高度
document.documentElement.clientWidth 宽度
兼容ie6+本回答被提问者采纳

jquery效果:DIV随浏览器滚动条上下移动

参考技术A 这个不难弄···
事先获取div的offset和它的高度··然后加起来··然后你在$(window).scroll(function());中判断当前滚动的高度是否等于高度+offset.top·如果等于的话·你就把div设置为position:fixed;
然后再给它一个top就可以了