2015-02-05 55 views
0

我试图查找我的问题的答案,并发现这css - margin top causes unwanted body scroll bar,但它似乎并没有解决我的问题。滚动条问题时,我的div与css顶部和左侧集中

这里是我的代码到中心

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个问题。

  1. 我有它设置,以便有我的DIV规模,是基于高度或宽度更小,并且在例子中,我有一个1285x910的div。我的身高将会最大化,但我仍然得到滚动条。水平线也在那里。

  2. 使用与上面相同的例子,有一个水平滚动条,如果我滚动,将我带到左边随机数量,对于我的每一个工厂,它都是不同的。 1把它带过来制定计划0,0,下一个计划使得计划的中心位于0,0。

当我从位置“相对”切换到“绝对”时,它改变了一个计划只滚动一点,但它仍然存在。

所以基本上(在这个例子中)我正在寻找停止Verticle滚动条出现,因为没有什么可滚动的,滚动条在那里占用了太多的空间,它不再是全屏。

以及停止水平滚动条不会出现在我的计划居中并且不够大而不能滚动时。如果我的计划足够大,需要向左或向右滚动,应该允许并启用该计划。

在上述链路答案是

“的一个简单的解决方案,余量:0;和填充:0;在所述主体 这样做的理由,是复位上边缘设置的所有defauls和垫衬。

html, body {height:100%; margin:0; padding:0;} 

这似乎是什么,我想至少#1的事,但它是否适合#2,这将是巨大的(即,我希望我的div是居中,但它似乎没有任何动作,所以它不会摆脱滚动条,联合国少一些就足够大了,或者足够大,可以根据大小来做)。

小提琴:http://jsfiddle.net/Lh3ze3m6/18/

任何意见或问题,请让我知道,

谢谢大家!

回答

0

要禁用水平和垂直滚动条将此你的CSS样式表:

body { 
    overflow: hidden; 
} 
+0

谢谢,我知道那招,但仍允许滚动条的功能,即,如果我用中间的按钮,我可以仍然滚动,以及移动也滚动。从上面的链接说 一个简单的解决方案,保证金:0;和填充:0;在身体上。 原因是重置所有在边距和填充上设置的默认值。 html,body {height:100%;余量:0; padding:0;} 我有问题,但似乎是我在找什么,但需要解决它。 基本上我希望我的中心像0,0一样,而不是放弃滚动条以及垂直位置。 – XaolingBao 2015-02-05 23:41:10

+0

你能提供一个jsFiddle吗?你也想一起禁用滚动吗? – arnolds 2015-02-05 23:42:06

+0

是的,我试图鞭打一个,也会把它弄出来。 我不想禁用滚动,这是因为我提到我想“重置”我的利润(如上面的例子解释),我的div居中(就好像它在0,0即默认位置所以不应该激活滚动条),以及当我的尺寸最大(即<= 100%高度或宽度)滚动条不应激活时。 谢谢。 – XaolingBao 2015-02-05 23:45:32