微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

如何让别人一打开网页就显示的是网页的中间?_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 12:18:21
原创
1636人浏览过

我在给客户做一个静态页面Demo，应为图很大，所以浏览器的下边有拖动条，每次一打开页面默认显示的是最左边，现在我想让每次打开页面的时候显示网页的正中间，求代码~！


回复讨论(解决方案)

js先算一下屏幕的大小，然后设置body的scrollTop和scrollLeft就可以了

http://www.w3school.com.cn/htmldom/met_win_scrollto.asp 

window.onload = function(){		scrollTo(250,0)		}
登录后复制


非常感谢两位~！解决了~！

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：请问各位为什么在ie6下的img的背景图片上多了个几何图形的logo?ff下没有_html/css_WEB-ITnose 下一篇：[菜鸟发问]表格单元格的内容_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html如何播放语音_HTML语音播放（Web Audio API/HTML5 Audio）方法 使用HTML5Audio标签或WebAudioAPI实现网页语音播放，支持通过JavaScript控制播放、预加载资源及处理跨浏览器兼容性问题。
2025-11-06 14:50:02
338
HTML浏览器插件注入漏洞怎么防范_浏览器插件恶意注入漏洞防范方法 防范浏览器插件恶意注入需多管齐下：从可靠来源下载插件，仔细审查权限，及时更新软件，使用安全软件防护；开发者应进行代码签名、混淆加密、输入验证和安全审计，并配置CSP策略；用户需警惕异常行为如性能下降、广告增多、主页被篡改等，发现可疑插件立即卸载并扫描病毒；同时养成良好习惯，不点不明链接，不装未知软件，定期检查插件列表，开启浏览器安全功能，使用强密码并启用双重验证，重要数据定期备份，确保浏览安全。
2025-11-06 14:49:02
606
html黑点如何设置_HTML列表黑点（li bullet）样式控制方法 可通过CSS自定义HTML列表项目符号样式：1.用list-style-type改变形状（如square、circle）；2.设置list-style:none后，使用::before伪元素创建自定义样式（如红色圆点）；3.使用background-image将图片设为项目符号，并调整背景尺寸与位置；4.调整padding-left或margin-left控制文本缩进，确保布局美观。
2025-11-06 14:46:02
336
在Angular CKEditor中动态管理与插入Span元素 本教程详细阐述了如何在Angular应用中，利用ngModel双向绑定机制，向CKEditor富文本编辑器动态插入HTML片段，特别是带有随机ID的元素。文章通过简洁的示例代码，展示了如何配置CKEditor组件，并通过修改绑定的数据属性来实时更新编辑器内容，同时探讨了该方法的适用场景、高级用法及相关注意事项。
2025-11-06 14:04:14
629
解决AdSense响应式广告在移动端错位问题：布局优化与尺寸策略 AdSense响应式广告在移动端错位，常因父容器布局冲突引起，特别是当容器宽度为auto或使用了不当的position属性及大偏移量时。本文将深入分析data-ad-format="auto"广告的渲染机制，并提供两种核心解决方案：一是针对固定布局采用固定尺寸广告，二是优化响应式广告容器的CSS样式，确保其具备明确的宽度和正确的定位上下文，从而避免广告显示异常。
2025-11-06 14:03:42
719
CSS Scroll Snap在嵌套容器中的应用指南 本文深入探讨了如何在包含嵌套元素的滚动容器中有效利用CSSscroll-snap属性。通过一个具体的代码示例，我们将演示如何配置父级滚动容器的scroll-snap-type以及子级可捕捉元素的scroll-snap-align，以实现流畅且精确的滚动捕捉效果，即使在复杂的布局结构中也能确保用户体验。
2025-11-06 14:03:01
619
使用CSS动画实现单张透明图片无限循环滚动效果 本文详细阐述如何利用现代CSS动画技术，替代已废弃的marquee标签，实现单张透明图片在视口中无限循环、平滑滚动的效果。通过深入理解@keyframes规则和transform属性，配合vw和%单位的灵活运用，可以高效且优雅地创建出高性能的图片滚动动画，确保兼容性和用户体验。
2025-11-06 14:00:02
370
使用 HTML pattern 属性验证姓名输入：允许字母且限制长度 本文介绍了如何使用HTMLpattern属性验证姓名输入框，确保用户输入的内容只包含字母，并限制输入长度在合理范围内。通过示例代码和详细解释，帮助开发者更好地理解和应用pattern属性，提升用户体验。
2025-11-06 13:58:02
366
HTML元素水平对齐与滚动条影响的布局解决方案 本文旨在解决HTML元素在不同父级容器下，因滚动条存在导致的水平对齐问题。通过深入分析滚动条宽度对布局的影响，教程将详细阐述如何通过优化CSS属性（如height:100%、box-sizing:border-box、overflow-y:auto）和调整HTML结构，确保元素在复杂布局中实现精确的水平居中对齐，避免因滚动条占据空间而产生的视觉偏差，提供一套纯CSS的稳健解决方案。
2025-11-06 13:55:26
119
前端内容交互：使用JavaScript实现Div内容的文件保存与加载教程 本文将详细介绍如何通过前端技术实现HTMLDiv元素内容的保存与加载。主要探讨了利用HTML5FileAPI在客户端直接生成并下载文件，以及从本地文件读取内容并更新Div的实现方法。同时，文章也简要提及了通过后端服务处理更复杂文件交互的场景，旨在提供一套完整的解决方案，帮助开发者提升用户体验和数据管理能力。
2025-11-06 13:55:01
927
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部