Question

我有一些透露幻灯片，我需要转换为单页html。我已经使用jQuery来删除所有reveal.js添加的类，javascript和样式表的代码。出于某种原因，当我调整页面大小时，会将一个样式添加到隐藏一半内容的div中。

调整大小之前的代码：

<div id="body">
    <div id="slides-body">
        <section id="slide-Title">
            <div id="div-Title">
                <h2>
                    My Title
                </h2>
                <button id="button-Single-Page" style="padding-bottom: 5px" class="smallButton" onclick="singlepagehtmlformat()">Click here for the single page html version.</button>
            </div>
        </section>
    </div>
</div>

调整大小后的代码：

<div id="body">
    <div id="slides-body" style="width: 960px; height: 770px; left: 50%; top: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%) scale(0.920625);">
        <section id="slide-Title">
            <div id="div-Title">
                <h2>
                    My Title
                </h2>
                <button id="button-Single-Page" style="padding-bottom: 5px" class="smallButton" onclick="singlepagehtmlformat()">Click here for the single page html version.</button>
            </div>
        </section>
    </div>
</div>

为什么会这样？我该如何解决？

Answer 1

这不是默认行为，必须有一个窗口调整大小事件，如代码中委托的@Bas Van Stein所指示的那样。

要修复，你可以删除attr＆＃34;样式＆＃34;来自目标div。

@Bean
public FilterRegistrationBean filterRegistrationBean() {

  FilterRegistrationBean registrationBean = new FilterRegistrationBean();

  registrationBean.setFilter(new UrlRewriteFilter());
  registrationBean.addUrlPatterns("*");
  registrationBean.addInitParameter("confReloadCheckInterval", "5");
  registrationBean.addInitParameter("logLevel", "DEBUG");
  registrationBean.addInitParameter("confPath", "urlrewrite.xml");
  registrationBean.setOrder(0);

  return registrationBean;
}

示例：http://jsfiddle.net/mzg2zk48/2/

如何在html上停止自动样式

1 个答案: