如何防止滚动条重新定位网页?

我有一个网站与中心对齐的DIV。现在，一些页面需要滚动，一些不需要。当我从一种类型移动到另一种类型时，滚动条的出现将页面移向一侧几个像素。有没有什么方法可以避免这种情况，而不显式地在每个页面上显示滚动条?

当前回答

我不这么认为。但样式体与溢出:滚动应该做。不过你好像知道。

2009-09-13 15:08:57

其他回答

我不知道这是否是一个旧帖子，但我有同样的问题，如果你想垂直滚动，你应该尝试溢出-y:滚动

2009-10-07 15:26:53

我使用一些jquery来解决这个问题

$('html').css({
    'overflow-y': 'hidden'
});

$(document).ready(function(){
  $(window).load(function() {
    $('html').css({
      'overflow-y': ''
    });
  });
});

2016-04-13 20:01:13

overflow-y:scroll是正确的，但你应该使用它与html标签，而不是身体，否则你会得到一个双滚动条在ie7 所以正确的css应该是:

html {
  overflow-y: scroll;
}

2011-09-30 07:27:12

html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}

的例子。点击“改变最小高度”按钮。

使用calc(100vw - 100%)我们可以计算滚动条的宽度(如果它不显示，它将是0)。想法:使用负margin-right，我们可以将<html>的宽度增加到这个宽度。你会看到一个水平滚动条-它应该隐藏使用overflow-x: hidden。

2016-09-02 09:50:36

滚动总是显示，可能是不好的布局。

尝试使用css3限制主体宽度

body {
    width: calc(100vw - 34px);
}

Vw是视口的宽度(看这个链接了解一些解释) 在css3中进行Calc计算 34px代表双滚动条宽度(如果你不相信固定大小，请参阅此计算)

2014-09-22 19:26:20

如何防止滚动条重新定位网页?

推荐文章

最新文章

标签