Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当浏览器滚动条出现或消失时,保持网页居中_Javascript_Css - Fatal编程技术网

Javascript 当浏览器滚动条出现或消失时,保持网页居中

Javascript 当浏览器滚动条出现或消失时,保持网页居中,javascript,css,Javascript,Css,我认为这是一个非常基本的问题。我有一个网站,其中一些页面可能适合浏览器的可视垂直区域,而其他页面则不适合(许多网站必须是这样的) 当用户在桌面浏览器上从一个页面浏览到另一个页面时,垂直滚动条会随之出现和消失,具体取决于页面。其影响是,当用户选择另一个导航链接时,居中的页面会随着滚动条的宽度不断移动——在不使我的所有网页高度相同的情况下,阻止这种情况发生的最简单方法是什么 第二部分-为什么桌面浏览器不只是保留垂直滚动条区域,也许有办法强制它们 这样做(不适用于IE6): 如果还希望始终显示水平滚动

我认为这是一个非常基本的问题。我有一个网站,其中一些页面可能适合浏览器的可视垂直区域,而其他页面则不适合(许多网站必须是这样的)

当用户在桌面浏览器上从一个页面浏览到另一个页面时,垂直滚动条会随之出现和消失,具体取决于页面。其影响是,当用户选择另一个导航链接时,居中的页面会随着滚动条的宽度不断移动——在不使我的所有网页高度相同的情况下,阻止这种情况发生的最简单方法是什么

第二部分-为什么桌面浏览器不只是保留垂直滚动条区域,也许有办法强制它们

这样做(不适用于IE6):

如果还希望始终显示水平滚动条,请使用以下命令:

body { overflow: scroll; }

至于你的第二个问题,不是所有的网站都是由固定宽度的居中页面组成的,即使它变得非常普遍。即使在这种情况下,您也必须让页面从点击到点击都有非常不同的长度,才能对这种移动感到恼火(顺便说一句,它移动了滚动条宽度的一半;)在WinXP上是8px,具有经典的Win2k主题)

  • 起初有没有CSS的HTML页面:左对齐(或希伯来语和阿拉伯语的右对齐)
  • 然后逐渐出现了14英寸CRT上的HTML表格:每个像素都是珍贵的!(全宽,因为640kB足够让人想象它在17英寸或21英寸CRT上的显示方式)

  • 然后是固定宽度居中的表格或div:像素在1024px显示器上仍然很珍贵。通过高度投票迁移到Stackoverflow。我希望你会很快得到答案。信息答案可能与+1重复-我只想补充一点,基于触摸的网站浏览器不使用滚动条(只是一个浮动滚动指示器),因此用户的期望将改变为期望无抖动的网站导航,即使他们切换到鼠标/键盘驱动的浏览器。
    body { overflow: scroll; }