javascript - 隐藏窗口滚动条而不移动居中内容

标签 javascript css

是否可以(暂时)隐藏主窗口(垂直)滚动条(body/html 上的滚动条)而不(稍微)移动居中内容?

设置overflow: hiddenbody, html隐藏滚动条,但居中的内容在执行此操作时向右移动滚动条宽度的一半。我可以添加 padding-right: <width-of-scrollbar>但这会有所不同,如果没有滚动条开始,也会移动内容。

最佳答案

您可以相对定位居中的部分(左:50%),然后使用 javascript 以像素为单位设置固定位置。在 jQuery 中:

$(".centered").offset({left : $(".centered").offset().left});

在此处查看实际效果:http://jsfiddle.net/willemvb/jP3PK/4/

关于javascript - 隐藏窗口滚动条而不移动居中内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15761929/

相关文章:

html - 截断 CSS 中不带三个点的文本

php - 运行针对地理的 js 文件

用于编码标准的 JavaScript 工具

html - 在html中对齐文本

javascript - 使用 JavaScript 更改行表颜色

html - 如何在 Bootstap4 基本 slider 下方放置标题

overflow hidden 的CSS

javascript - 如何使用 JQuery 找到最短的 div

javascript - 将可移动圆放在谷歌地图上并获取中心位置和半径

javascript - 如何通过 JavaScript 操作 CSS @keyframes?