当打开时，滑出菜单不会在页面中间居中div

Question

问题背景：

我正在使用现成的＆＃39; jQuery在我的应用程序中滑出面板菜单。

问题

以下屏幕截图显示了关闭幻灯片菜单的应用。请注意，文字位于页面中间的div中：

当菜单打开时，定位丢失，文本显示在屏幕顶部，我希望div在打开多个页面时保留在页面中间：

守则：

请参阅以下JS小提琴，其中显示了该问题：

https://jsfiddle.net/svjkv79j/

如上所述，我使用了此菜单的货架选项，但我添加了自己的样式，用于居中文本div，如下所示：

         .centered {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

        <div class="centered">
                    <div class="col-lg-8 col-lg-offset-2">
                        <h1 class="page-header">Off-canvas Push Menu For Bootstrap 3</h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis sem ut varius commodo. Nunc ultricies diam vel elit hendrerit, at mollis est elementum. </p>

                    </div>
                </div>

在“居中”中需要什么样式？ div打开菜单时阻止它失去风格？任何帮助将不胜感激。

Answer 1

您只需要提供public void valsInt(String entry){ if(!entry.trim().isEmpty()){ try{ int number = Integer.parseInt(entry); setIsTrue(true); }catch(NumberFormatException e){ System.out.println("`"+getUserInputString()+"` IS AN INVALID ENTRY. YOU CAN ONLY ENTER DIGITS FOR THE " + entry); setIsTrue(false); } }else{ System.out.println("THE ENTRY IS EMPTY"); } }

即可

Fiddle here