首页 > Web开发 > 详细

html页面比较长,如何用js实现网页一打开显示在网页的中部?

时间:2018-07-17 10:10:14      阅读:214      评论:0      收藏:0      [点我收藏+]

加入js代码

<style type="text/css">
body {
    height: 2000px;
}
</style>
<script type="text/javascript">
    onload = function ()
    {
        var dh = document.documentElement.scrollHeight || document.body.scrollHeight;
        window.scrollTo (0, (dh - screen.availHeight) / 2);
    }
</script>

配合判断是否是手机端使用代码

<script type="text/javascript">
    <!--
//平台、设备和操作系统
var system ={
win : false,
mac : false,
xll : false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//跳转语句
if(system.win||system.mac||system.xll){
      onload = function ()
    {
        window.scrollTo (0,495);
    }
    
}else{
//如若手机则跳转的页面路径
}
--> 
</script>

 

html页面比较长,如何用js实现网页一打开显示在网页的中部?

原文:https://www.cnblogs.com/zhangyouwu/p/9321631.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!