从窗口中心向右侧打开面板尺寸的一半

时间:2016-11-27 09:33:34

标签: javascript jquery html css

我喜欢这样,当我点击一个按钮时,一个窗口大小一半的面板从窗口中心打开 并向右展开。我也不希望面板将窗口的当前内容推出,只是叠加在窗口上。

我的每个例子都试图找到从右到中的面板,并推动窗口的内容。

感谢您的建议!

1 个答案:

答案 0 :(得分:1)

这是应该做的窍门。 注意位置值:

.panel{
  width:50%;
  height:100%;
  left:50%;
  top:0;
  position:fixed;
}

您可能还需要为css添加一些z-index值,以防主要内容由于某种原因覆盖面板。