2013-04-15 85 views
-2

我希望有人可以帮助我,我一直在我的C​​SS搜索什么是错的,但无法弄清楚。 如果你看看这个网站:http://viversa.nl/v2/index.html,并点击了一下页面,你会发现一些网站之间跳跃。你会注意到,特别是如果你从'Projecten'点击'人物'并返回。 看起来“HOME”和“PROJECTEN”是一样的,都有很好的布局。旁边有“OVER ONS”,“PEOPLE”,“CONTACT”和“SITEMAP”,它们都有很好的布局。但我无法弄清楚什么是错的,以及它如何跳跃,因为我简单地复制了菜单+标志页面+ CSS。 希望有人能帮助我解决这个问题! 谢谢!无法弄清楚,网站是'跳'

此致Stefan

+0

在哪种浏览器中会发生这种情况? –

+0

当页面内容太长时,是否碰巧与滚动条连接在屏幕的侧面有关系?第一组页面在我的屏幕上有一个滚动条,而第二组没有。我的屏幕尺寸是1920 * 1080 – Teisman

回答

0

区别在于浏览器滚动条。与可以滚动的较长页面相比,不需要滚动的短页面可用的空间略宽。

2

问题是项目页面比屏幕更长,从而导致垂直滚动条出现。由于您将布局居中并且滚动条占用了您网站所用空间的20px左右,因此当滚动条出现时,被视为中心的内容将会“略微移动”。

为了摆脱跳跃的,可以强制垂直滚动条始终可见:

html { 
    overflow-y: scroll; 
} 
0

好像你有太多的文字为你的形象是只有410px的高度,也许删除一些文字或使您的背景图片更长,并在CSS中添加一些最小高度?