添加缩放会破坏菜单滚动功能

时间:2015-06-06 19:19:22

标签: javascript jquery html css

我有一个带有菜单的登录页面,可以滚动到所选的部分。但是我的客户指出他喜欢90%缩放的页面。我决定添加以下行:

body {
   zoom:90%;
}

每当我点击菜单选项时,我都会向下滚动到我点击的部分之外。有没有办法保持缩放和滚动功能?

以下是我正在使用的页面,您可以自己查看问题:

http://soldaforte.com/

1 个答案:

答案 0 :(得分:1)

首先,这个网站的浏览器兼容性很差 - 而且很慷慨。公平地说,这更像是一个逻辑问题。您已设置每个部分的高度,并且您已设置滚动量。因此,当您缩小时,每个部分需要不同的滚动量和高度,这并不奇怪。要解决此问题,请在每个部分添加填充以填充屏幕高度,然后按新部分高度滚动。

就个人而言,我认为你最好将所有东西的大小改为目前大小的90%:重新设计你拥有的东西,而不是试图掩盖错误。如果您的客户喜欢90%,请将其设为90%而不是使其显示为90%。

注意:本来是评论,但有点蠢...