`

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

浏览器 
阅读更多

<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> 

分享到：
| 如何判断鼠标滚轮在动以及滚动方向
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    滚动条刷新以后居中

    ### 滚动条刷新后居中的实现方法 在网页设计与开发中，有时我们希望网页在打开时，滚动条能够自动定位到特定位置，例如居中显示，这对于某些特殊布局（如页面中心为主要展示区域）的情况尤为重要。本文将详细探讨...

    页面出现滚动条的时候如何让滚动条不影响页面宽度

    在网页设计中，当页面内容超出了可视区域的宽度时，浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而，滚动条本身会占用一定的空间，这可能会导致页面宽度缩小，从而影响布局的整体美观性。为了不...

    js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)

    总结起来，这个示例展示了如何利用JavaScript和CSS来创建一个随滚动条滚动的居中弹出层和遮罩层。通过调整CSS属性和添加JavaScript事件监听器，可以实现在任何浏览器窗口大小和滚动位置下保持弹出层的居中状态。这个...

    CSS设计之页面滚动条出现时防止页面跳动的方法

    这是因为滚动条的出现会占据页面的可用宽度，导致原本居中的内容发生偏移。 为了解决这个问题，通常有两种主要的策略： 1. 对于高度不确定的页面，比如信息流页面，可以使用CSS的`overflow-y: scroll`属性。这使得...

    jquery easyui滚动条部分设置介绍

    3. `$(document).scrollTop()` 和 `$(document).scrollLeft()`：这两个函数分别返回浏览器滚动条在垂直和水平方向上滚动的距离，即用户已经滚动了多少像素。 有了这些基本的定位方法，我们就可以实现dialog的动态...

    [css]实现垂直居中水平居中的几种方式 - 霪霖笙箫 - 博客园1

    加上 overflow: auto 会在内容高度超过容器高度的情况下给内容块显示滚动条而不越界。如果内容块自身不设置任何 padding 的话，可以设置 max-height: 100%; 来保证内容高度不超过容器高度。 6. 重绘（Resizing） ...

    实现横向滚动条的2种方法示例

    首先，设置`.nav_wrap`和`.nav_mine`的`overflow-x`为`scroll`，隐藏`overflow-y`，确保只有水平方向出现滚动条。接着，CSS样式定义每个导航项的布局，如边框、内边距和浮动。在JavaScript部分，使用jQuery动态计算...

    JS自定义滚动条效果

    同时，我们计算出滚动条移动的百分比，并根据这个百分比调整"box"的宽度、高度、垂直和水平居中。这样，"box"会随着滚动条的移动而变化大小和位置，形成滚动效果。 最后，当鼠标抬起时，移除鼠标移动事件监听器，...

    css 限定GridView宽度并加上滚动条

    当GridView内的数据超过设定的宽度时，`overflow:scroll` 会添加水平和垂直滚动条，让用户能够查看超出可视区域的内容。如果你想只显示水平或垂直滚动条，可以分别使用 `overflow-x:scroll` 或 `overflow-y:scroll`...

    浏览器兼容性汇总

    **解决方案**: 使用浏览器特定的伪元素或JavaScript库来定制滚动条样式。 ##### 21. 为什么无法定义1px左右高度的容器 - **IE**: 可能会出现1像素高度的容器渲染问题。 - **Firefox等其他浏览器**: 通常表现一致。...

    JS实现图片居中悬浮效果

    总结起来，通过结合CSS的固定定位和JavaScript的滚动事件监听，我们可以实现图片居中悬浮且不随滚动条滚动的效果。这种方法在创建头部固定广告、悬浮导航菜单等场景中非常实用，能够提供稳定的用户体验。注意，为了...

    CSS+JS 蒙板居中技术，居中技术，使用JS获取div的宽度高度？

    在JavaScript中，我们可以使用`offsetWidth`和`offsetHeight`属性来获取元素的宽度和高度，包括内边距和边框，但不包括滚动条。如果只关心元素的可视内容，可以使用`clientWidth`和`clientHeight`。 ```javascript ...

    css自适应宽度 多种方法实现宽度自适应的水平居中

    这种方法需要两个父元素：一个是定位用的父元素，另一个用来避免滚动条出现。通过设置父元素的position为relative，并将需要居中的子元素的position属性也设置为relative，然后将子元素的left属性设置为-50%，使其向...

    jQuery实现的浮动层div浏览器居中显示效果

    通过设置`top`属性为窗口高度减去浮动层高度的一半，再减去滚动条当前滚动的top值（`$(document).scrollTop()`），可以实现垂直方向上的居中。同样地，水平方向上的居中是通过设置`left`属性为窗口宽度减去浮动层...

    CSS制作水平垂直居中对齐 多种方式各有千秋

    然而，固定高度可能导致内容超出容器时无法自适应扩展，可能会出现滚动条或内容被隐藏。 在上述基础上，我们可以进一步调整，使得元素同时实现水平和垂直居中。只需要将`left`也设置为50%，并添加相应的负`margin-...

    JS弹出居中的DIV的代码

     document.body.clientHeight（网页可见区域高）：是指浏览器显示网页的区域所能看到的高度，不包括浏览器的边框宽度和水平滚动条的高度。大小随着浏览器的窗口大小而改变。 document.body.scrollTop（网页被卷去...

    浏览器兼容性问题

    - **问题描述**：在不同浏览器中，实现元素水平居中的方法可能存在差异。 - **解决方法**：使用`margin:auto`或者Flexbox布局来实现水平居中。 ##### 9. Div的垂直居中问题 - **问题描述**：实现Div元素的垂直居中...

    css浏览器兼容整理

    可以尝试使用JavaScript或CSS变量来模拟滚动条的样式。 3. **属性选择器(这个不能算是兼容,是隐藏css的一个bug)** - 属性选择器在不同的浏览器中可能表现不同。确保正确地使用这些选择器以避免意外的行为。 4. *...

Magicbox
Global site tag (gtag.js) - Google Analytics