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

标签 javascript jquery html css

我有一个带有菜单的着陆页,可以将您滚动到所选部分。然而,我的客户指出他喜欢缩放比例为 90% 的页面。我决定添加以下行:

body {
   zoom:90%;
}

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

这是我正在使用的页面,您可以在其中自行查看问题:

http://soldaforte.com/

最佳答案

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

就我个人而言,我认为您最好将所有内容的大小更改为当前大小的 90%:重新设计您拥有的内容,而不是试图掩盖错误。如果您的客户喜欢 90%,就让它达到 90%,而不是让它看起来像 90%。

注意:本来是一条评论,但有点咆哮......

关于javascript - 添加缩放会破坏菜单滚动功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30686661/

相关文章:

javascript - 当多个元素具有相同的 id 时如何输出错误?

javascript - 在提交时传递主键而不是属性

javascript - 获取 html 表单信息并使用 ajax 推送到 PHP

javascript - AngularJS $http get 请求未正确编码对象内的日期

javascript - 如何在windows中获取实时时间

javascript - 如何仅对字母启用 onpaste

javascript - 如何让 jQuery 在处理图像之前等待图像列表加载?

jquery - 合并 jQuery 对象

javascript - 如何像轮播一样将选项卡滑入和滑出

javascript - 两个不同屏幕上的垂直滚动