我尝试查找问题的答案并找到了css - margin top causes unwanted body scroll bar,但这似乎无法解决我的问题。
这是我要验证的代码
if(W > H)
{
scale = (height-45) / H;
}
else if(H > W)
{
scale = (width-5) / W;
}
var left = (width*0.5)-(0.5*W*scale);
var top = ((height+40)*0.5)-(0.5*H*scale);
$("#plan").css({"position":"absolute", "left": left,"top": top});
基本上,我将div的中心居中在屏幕中央,并且遇到了2个问题。
我对其进行了设置,以使我的div有一个比例,该比例基于高度或宽度中较小的一个,在示例中,我有一个1285x910 div。我的身高将被最大化,但是我仍然会看到滚动条。水平也在那里。
使用与上述相同的示例,有一个水平滚动条,如果我进行滚动,则将把我随机移到左边,对于我的每棵植物来说,它都是不同的。 1带来了该图,使该图成为0,0,下一个使其得以使图的中心位于0,0。
当我从“相对”位置切换到“绝对”位置时,它更改了一个计划,只滚动了一点,但它仍然存在。
因此,基本上(在此示例中)我希望停止显示垂直滚动条,因为没有要滚动的内容,并且滚动条在那里占据了太多空间,并且不再全屏显示。
以及在我的计划居中且大小不足以滚动时,停止显示水平滚动条。如果我的计划足够大并且需要向左或向右滚动,则应允许并启用它。
上面链接的答案是
“一个简单的解决方案是在正文上使用margin:0;和padding:0;。
其原因是要重置所有在页边距和填充上设置的默认值。
html, body {height:100%; margin:0; padding:0;}
”
这似乎是我至少要做的#1事情,但是如果它适用于#2,那就太好了(即,我希望div居中,但好像什么也没移动,所以它就没有了)。请不要扔掉滚动条,除非滚动条足够大,或者根据其大小足够大)。
小提琴:http://jsfiddle.net/Lh3ze3m6/18/
任何意见或问题,请让我知道,
谢谢大家!
最佳答案
要禁用水平和垂直滚动条,请将其应用于CSS样式表:
body {
overflow: hidden;
}
关于javascript - 将div以CSS顶部和左侧居中时,滚动条出现问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28356076/