Javascript 当浏览器滚动条出现或消失时,保持网页居中
我认为这是一个非常基本的问题。我有一个网站,其中一些页面可能适合浏览器的可视垂直区域,而其他页面则不适合(许多网站必须是这样的) 当用户在桌面浏览器上从一个页面浏览到另一个页面时,垂直滚动条会随之出现和消失,具体取决于页面。其影响是,当用户选择另一个导航链接时,居中的页面会随着滚动条的宽度不断移动——在不使我的所有网页高度相同的情况下,阻止这种情况发生的最简单方法是什么 第二部分-为什么桌面浏览器不只是保留垂直滚动条区域,也许有办法强制它们 这样做(不适用于IE6): 如果还希望始终显示水平滚动条,请使用以下命令:Javascript 当浏览器滚动条出现或消失时,保持网页居中,javascript,css,Javascript,Css,我认为这是一个非常基本的问题。我有一个网站,其中一些页面可能适合浏览器的可视垂直区域,而其他页面则不适合(许多网站必须是这样的) 当用户在桌面浏览器上从一个页面浏览到另一个页面时,垂直滚动条会随之出现和消失,具体取决于页面。其影响是,当用户选择另一个导航链接时,居中的页面会随着滚动条的宽度不断移动——在不使我的所有网页高度相同的情况下,阻止这种情况发生的最简单方法是什么 第二部分-为什么桌面浏览器不只是保留垂直滚动条区域,也许有办法强制它们 这样做(不适用于IE6): 如果还希望始终显示水平滚动
body { overflow: scroll; }
至于你的第二个问题,不是所有的网站都是由固定宽度的居中页面组成的,即使它变得非常普遍。即使在这种情况下,您也必须让页面从点击到点击都有非常不同的长度,才能对这种移动感到恼火(顺便说一句,它移动了滚动条宽度的一半;)在WinXP上是8px,具有经典的Win2k主题)
- 起初有没有CSS的HTML页面:左对齐(或希伯来语和阿拉伯语的右对齐)
- 然后逐渐出现了14英寸CRT上的HTML表格:每个像素都是珍贵的!(全宽,因为640kB足够让人想象它在17英寸或21英寸CRT上的显示方式)
- 然后是固定宽度居中的表格或div:像素在1024px显示器上仍然很珍贵。通过高度投票迁移到Stackoverflow。我希望你会很快得到答案。信息答案可能与+1重复-我只想补充一点,基于触摸的网站浏览器不使用滚动条(只是一个浮动滚动指示器),因此用户的期望将改变为期望无抖动的网站导航,即使他们切换到鼠标/键盘驱动的浏览器。
body { overflow: scroll; }