如何让浏览器水平滚动条居中

最新推荐文章于 2024-06-11 16:38:49 发布
最新推荐文章于 2024-06-11 16:38:49 发布
阅读量413 收藏
点赞数
分类专栏： 前端开发-javascript 文章标签： 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_7451/article/details/81819497
版权

<script> 
  window.onload   =   function() 
  { 
//          if(screen.width   ==   800   &&   screen.height   ==   600) 
//          { 
                  var   iMove   =   (document.body.scrollWidth-document.body.offsetWidth)/2 
                  window.scrollTo(iMove,0) 
//          } 
  } 
  </script> 
  <body> 
  <table   style="width:1024px"><tr><td>000000000000000000000000000000

00000000000000000000000000000000000000000000000000

0000000000000000000000000000000000000000000000000000

000000000000000000000000000000000000000000000000000000

0000000000000000000000000000000000000000000000000000000

00000000000000000000000000000000000000000000000000000000

000000000000000000000000000000000000000000000000000000000

00000000000000000000000000000000000000000000000000000000000

0000000000000000000000</td></tr></table> 

iteye_7451
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html如何设置弹框居中,jquery 弹出框 当前页面 居中（有滚动条）
weixin_39997253的博客
06-07 1134
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)原理：获取当前屏幕(窗体)的宽度和高度，因为不同浏览器的窗体大小是不一样的。有了这个，可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢？这个时候就要获取当前窗体距离页面顶部的高度，加到刚刚的y轴坐标即可。$(document)是获取整个网页的，$(window)是获取当前窗体的，这个要搞清楚。最后把获取...
滚动条刷新以后居中
11-28
如果我要做一个网页，宽度超过1024，比如宽度有2000， 别人打开我的网页，下方的滚动条始终是居中，也就是不像一般网页在最左边， 因为我的主画面就是在最中间，然后菜单分布在左右，可以拖动鼠标左右看。 否则别人打开这个网页的时候，就只能从最左边开始看，而不能先看到页面中间的画面。 有没有这样的脚本？
JS垂直以及横向滚动条精确定位居中某一元素，2024年最新2024最新前端面试题目解答
2301_82244392的博客
04-17 826
秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！高级前端工程师必备资料包。
包括滚动条高度水平垂直居中和相对于浏览器窗口水平垂直居中的方法
weixin_44011751的博客
07-20 480
包括滚动条高度水平垂直居中 效果如图: 包括滚动条高度水平垂直居中 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>垂直居中</title> <
html代码能让网页的横向滚动条默认居中
weixin_33774308的博客
04-03 1335
在body 中加入onload="window.scrollTo((document.body.scrollWidth-document.body.offsetWidth)/2,0)" 转载于:https://www.cnblogs.com/longyuan123/p/8967586.html
弹出层水平垂直居中(支持浏览器窗口大小改变，存在垂直滚动条)
weixin_34292924的博客
01-21 115
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>弹出层水平垂直居中</title> <script src="jquery-1.7.2.js" type="text/javascript"&...
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
12-11
总结起来，这个示例展示了如何利用JavaScript和CSS来创建一个随滚动条滚动的居中弹出层和遮罩层。通过调整CSS属性和添加JavaScript事件监听器，可以实现在任何浏览器窗口大小和滚动位置下保持弹出层的居中状态。这个...
jquery easyui滚动条部分设置介绍
10-26
3. `$(document).scrollTop()` 和 `$(document).scrollLeft()`：这两个函数分别返回浏览器滚动条在垂直和水平方向上滚动的距离，即用户已经滚动了多少像素。 有了这些基本的定位方法，我们就可以实现dialog的动态...
JS自定义滚动条效果
11-21
同时，我们计算出滚动条移动的百分比，并根据这个百分比调整"box"的宽度、高度、垂直和水平居中。这样，"box"会随着滚动条的移动而变化大小和位置，形成滚动效果。 最后，当鼠标抬起时，移除鼠标移动事件监听器，...
实现横向滚动条的2种方法示例
09-22
首先，设置`.nav_wrap`和`.nav_mine`的`overflow-x`为`scroll`，隐藏`overflow-y`，确保只有水平方向出现滚动条。接着，CSS样式定义每个导航项的布局，如边框、内边距和浮动。在JavaScript部分，使用jQuery动态计算...
css 限定GridView宽度并加上滚动条
09-25
当GridView内的数据超过设定的宽度时，`overflow:scroll` 会添加水平和垂直滚动条，让用户能够查看超出可视区域的内容。如果你想只显示水平或垂直滚动条，可以分别使用 `overflow-x:scroll` 或 `overflow-y:scroll`...
前端设置滚动条位置居中
felicity_zll的博客
03-31 3070
一、解决方案 滚动的元素.scrollLeft = （滚动的元素.clientWidth - 外层盒子.clientWidth）/ 2 完整DEMO <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo
JS垂直以及横向滚动条精确定位居中某一元素
2401_83621384的博客
03-17 613
推荐一些系统学习的途径和方法。每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
html如何设置滚动条居中,css3内容垂直居中及垂直滚动条例子
weixin_34229076的博客
06-09 1773
垂直居中用得不少了，我在学习css3中也就碰到过了，在此小编就来为各位介绍css3内容垂直居中及垂直滚动条例子，希望文章对各位有帮助。内容垂直集中相对于内容在水平位置，内容在垂直方向是不好把控的，尤其当考虑到滚动条这些因素时。这段纯CSS代码可以很好的工作。.container {min-height: 6.5em;display: table-cell;vertical-align: middl...
页面出现滚动条时，居中的元素不会跳动的方法
weixin_34221773的博客
08-23 269
我们经常会遇到这样的情况：在一个页面加载的开始，页面高度比较低，不会出现滚动条。而随着页面的加载，滚动条出现，页面中居中的标题，图片或者一些其他的东西会突然往左边跳一下。 这是因为，刚开始没有出现滚动条时，你用margin:0 auto;所做的居中是根据浏览器窗口大小而计算的居中。在出现滚动条时，用margin:0 auto;所做的居中是根据浏览器窗口大小减去滚动条的宽...
解决浏览器缩放的时候，重新设置滚动条的位置，使页面滚动条固定悬浮在页面底部
最新发布
qq_45067263的博客
06-11 1271
浏览器调试页面兼容页面时，缩放页面宽度，整体超出时滚动条出现在页面最底部，不是悬浮在页面下面，只有滚动到最底部才出现，需要的是悬浮在页面底部，不是滚动到最下面才出现。
vue项目在浏览器缩小时，使页面居中，放大后有滚动条
jl____的博客
06-25 3488
项目场景： vue项目界面在浏览器缩小时，自动居中显示。 解决方案： 通常情况下，浏览器缩小界面会自动左上角居中，想让页面在中间显示。 在vue项目中，需要用到watch一直监听屏幕的缩放比。代码如下： data() { return { // 缩放比 screenRatio: Math.round((window.outerWidth / window.innerWidth) * 100), }; }, watch: { screenRatio: {
写一个随浏览器背景图片调整大小的H5代码
06-02
另外，`center center` 参数可以让背景图片在水平和垂直方向上都居中显示，`fixed` 参数可以让背景图片固定在浏览器窗口中不随滚动条滚动。 这样设置后，当你调整浏览器窗口大小时，背景图片会自动适应窗口大小并...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值