我有一个带有菜单的着陆页,可以将您滚动到所选部分。然而,我的客户指出他喜欢缩放比例为 90% 的页面。我决定添加以下行:
body {
zoom:90%;
}
每当我单击菜单选项时,我都会向下滚动到我单击的部分。有没有办法同时保留缩放和滚动功能?
这是我正在使用的页面,您可以在其中自行查看问题:
最佳答案
首先,这个网站的浏览器兼容性很差——而且很慷慨。公平地说,这更像是一个逻辑问题。您已经设置了每个部分的高度,并且设置了滚动量。因此,当您缩小时,每个部分需要不同的滚动量和高度也就不足为奇了。要解决此问题,请向每个部分添加填充以填充屏幕的高度,然后按新的部分高度滚动。
就我个人而言,我认为您最好将所有内容的大小更改为当前大小的 90%:重新设计您拥有的内容,而不是试图掩盖错误。如果您的客户喜欢 90%,就让它达到 90%,而不是让它看起来像 90%。
注意:本来是一条评论,但有点咆哮......
关于javascript - 添加缩放会破坏菜单滚动功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30686661/