带滚动条的溢出-y包括宽度 - 关闭中心

Question

我有一个问题，如果你有一个固定的位置元素占用

top: 0;
left: 0;
right: 0;
bottom: 0;

overflow-y: auto;

我想知道如何排除滚动条宽度，以便两个元素居中 http://plnkr.co/edit/OJM2SHQ6ytp0sVqFsFU8?p=preview

Answer 1

Solution Source：

似乎这对纯CSS来说是不可能的，所以这里是一个JavaScript（jQuery）hack：

$(function() {
  var $container = $("<div>").css({ height: 1, overflow: "scroll" }).appendTo("body");
  var $child = $("<div>").css({ height: 2 }).appendTo($container);
  window.SCROLLBAR_WIDTH = $container.width() - $child.width();
  $container.remove();
});

然后：

$("div.red-banner").css({
  right: SCROLLBAR_WIDTH
});