javascript - 在不增加滚动条宽度的情况下缩放网页?或指定滚动条宽度?

标签 javascript css scrollbar zooming

我有一个网站,其中有一个固定大小的 float 菜单

当浏览器缩放时,菜单不会改变大小(好吧,缩放时它会缩小回原来的大小)。

重点是能够通过浏览器放大大照片,同时在所有内容之上保留一个小的导航菜单

问题是,当放大查看照片的细节时 (cmd+),滚动条变得巨大并开始在视觉上占据屏幕

有没有什么方法可以指定滚动条的大小,这样它们仍然会出现但不会变得太大?

最佳答案

滚动条在不同的浏览器和版本中不同

在旧版本的 IE 中,这可能是个问题,但在最新版本的 Chrome 中,这似乎不是问题。

但至于保留小导航菜单,请使用百分比 来描述菜单的 CSS 值,以便它占据页面的定义部分

关于javascript - 在不增加滚动条宽度的情况下缩放网页?或指定滚动条宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27764990/

相关文章:

javascript - WinSCP 刷新 PHP 代码库?如何使用 XMLHttpRequest 发送文件后刷新服务器

css - 当直接在 .col 中使用时,Img-fluid 不会缩放 png

java - JScrollPane 在 JFrame 中不可滚动

html - 用css控制滚动条高度

.net - 将滚动条放在项目控件中包含的环绕面板上

javascript - 使 Bootstrap 模式可拖动并保持背景可用

javascript - Flexslider(jQuery): Pausing automatic animation

javascript - 通过调度重置其他 reducer 的状态?

html - 如何防止最后一个 flex 元素溢出父级

javascript - 使用三次贝塞尔曲线更改 Bootstrap 轮播动画持续时间