小编Fre*_*d K的帖子

正如您可以在他们的页面上阅读的那样,新的Bootstrap 3是"先移动":

通过Bootstrap 2,我们为框架的关键方面添加了可选的移动友好样式.使用Bootstrap 3,我们从一开始就将项目重写为移动友好型.它们不是添加可选的移动样式,而是直接进入核心.事实上,Bootstrap首先是移动的.移动的第一个样式可以在整个库中找到,而不是在单独的文件中找到.

如何禁用响应？我希望我的网站不会重新安排自己的平板电脑或手机.

我使用了很棒的Headroom.js插件来构建一个自动隐藏的头文件.标题从开始是静态的,并在偏移(向下滚动)后变为固定,然后变回静态(当它返回到顶部时).

这就是我所做的:http: //codepen.io/netgloo/pen/KmGpBL

但是我遇到了两个问题:

• 从顶部向下滚动:当标题被固定时,我看到它向下滑动并突然向上滑动
• 从中间页面向上滚动:当标题到达偏移量时它会消失,但我需要将其固定在顶部

有人可以给我一些帮助或想法吗？谢谢

以下是我初始化插件的方法:

var myElement = document.querySelector("header");

var headroom  = new Headroom(myElement, {
  "offset": 150,
  "tolerance": 0,
});

headroom.init();

我正在使用Popper.js显示一个弹出.js-share-cf-popover 元素,在单击带有类的元素时使用该类.js-share-cf-btn.

但我希望弹出窗口只有在我点击它之外才能关闭.这是我显示弹出窗口的实际代码:

var reference = $('.js-share-cf-btn');
var popover = $('.js-share-cf-popover');
popover.hide();

$(document).on('click', reference, function(e) {
  e.preventDefault();

  popover.show();

  var popper = new Popper(reference, popover, {
    placement: 'top',
  });
});

我在这里发现了一些东西,但我无法让它发挥作用

在这里,我的jsfiddle

我使用这个jquery-ajax脚本发送电子邮件:

    $.ajax({
        url: process.php,    
        type: "POST",
        data: data,        
        cache: false,
    ...

在url我调用发送电子邮件的php文件,但只有当我指定完整路径时,ajax才能获取它:

url: "http://www.domain.com/wp-content/themes/site_theme/templates/process.php",

但我必须使用这样的语法:

url: "../../templates/process.php",

或使用变量在html页眉/页脚中声明

HTML

<script type="text/javascript">
  var urlMail = '<?php bloginfo('template_url'); ?>/templates/process.php';
</script>

脚本

url: "../../templates/process.php",

但是在上述两种情况下,浏览器控制台都会检索此错误:

POST http://www.domain.com/templates/process.php 404 Not Found 1.56s

我哪里错了？

如何从Thymeleaf打印当前日期(和最终时间)？我正在尝试这些功能:http: //www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#dates 但我无法让它们工作.

我需要构建一个包含 12 个项目的旋转木马，模拟无限旋转的 3d 轮。需要明确的是，我需要精确地创建这种效果：

https://codepen.io/SitePoint/pen/yXWXaw（在这里找到）

但是有了这些附加功能（尤其是在桌面和移动设备上）：

1. 幻灯片必须一步一步地跟随滑动，即滑动时应该移动（就像 Swiper 一样）。
2. 快速滑动它应该可以滚动许多带有动量的幻灯片（就像 Swiper 一样 freeScroll）。
3. 然后，当轮子停止旋转时，它会捕捉到前滑轨（就像 Swiper 使用freeModeSticky和 那样 centeredSlides），这是用户选择的滑轮。
4. 每次幻灯片更改（事件如slideChanged）（如 Swiper 所做的那样）时，我都需要回调。

由于所有这些原因，我认为Swiper 5.3.0将是一个很好的起点。

我尝试了各种解决方法，最好的方法是使用此设置，但这loop: true是一种糟糕的解决方法并会导致问题（查看评论）：

  var swiper = new Swiper(el_class, {
    slidesPerView: 1.5,
    spaceBetween: 25,
    centeredSlides: true,
    grabCursor: true,
    speed: 550,
    loop: true, // <== repeat infinitely the 12 items. with fast scroll at the end of a cycle it waits a while before render the …

假设我们有一个固定的侧边栏，如下所示：

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 17em;
  height: 100%;
}

当 Safari 底部栏可见时，这是可以的，但是当向下滚动时，它会消失，侧边栏会在原来的位置保留一段时间，然后跳转到填充下面的空间。它看起来很麻烦。

height我尝试用以下解决方案之一进行替换，但没有一个起作用：

height: 100vh; // Sidebar is under the bottom bar

height: -webkit-fill-available; // Sidebar doesn't adjust its height

height: var(--window-inner-height); // CSS prop set via JS window.innerHeight. Same above

bottom: 0;

有什么想法可以解决吗？

我想试试Deadbolt.在新的Play Framework 2.2.1上安装它的步骤是什么？我发现是解析器和依赖关系 在这里.但是我必须把解析器放在哪里？我不想使用Build.scala(在Play 2.2中build.sbt)

而这里是关于线上插件.去哪儿了？在我的项目中,没有plugins.sbt也不知道Play 2.2是否更喜欢把它放在其他地方.

编辑:

plugin.sbt

resolvers ++= Seq(
    "Typesafe repository" at "http://repo.typesafe.com/typesafe/releases/",
    Resolver.url("Objectify Play Repository", url("http://schaloner.github.io/releases/"))(Resolver.ivyStylePatterns),
    Resolver.url("Objectify Play Snapshot Repository", url("http://schaloner.github.io/snapshots/"))(Resolver.ivyStylePatterns)
)

build.sbt

    libraryDependencies ++= Seq(
      javaJdbc,
      javaEbean,
      cache,
      "mysql" % "mysql-connector-java" % "5.1.27",
      "org.apache.commons" % "commons-email" % "1.3.1",
      "be.objectify" %% "deadbolt-java" % "2.2-RC2"
    )    

播放控制台错误:

[info] Resolving org.hibernate.javax.persistence#hibernate-jpa-2.0-api;1.0.1.Fin[info] Resolving be.objectify#deadbolt-java_2.10;2.2-RC2 ...
[warn]  module not found: be.objectify#deadbolt-java_2.10;2.2-RC2
[warn] ==== local: tried …

我试图position: sticky在旋转的元素上使用，但我在顶部获得了额外的空间。此外，粘性元素必须停止的地方（在父元素的末尾）它会移到外面。

请注意，我需要控制选择粘性元素和左窗口边之间放置的像素数。

检查第二个屏幕截图以了解这两个问题以及我想要实现的目标。

问题1：顶部有多余空间

问题2：粘性元素在节的末尾超出了外面

我正在使用这段代码：

超文本标记语言

<section class="section">

  <h1 class="section__title">STICKY</h1>

  <div class="container">
    <div class="row">
      <div class="col [ col-lg-8 offset-lg-2 ]">
        <div class="h4">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam quos illum aperiam officia provident, mollitia at, tempore atque, blanditiis sit optio esse harum officiis voluptas iusto sequi. Magni, reiciendis quidem.
        </div>
      </div>
    </div>
  </div>

</section>

CSS

.section__title {
  display: inline-block;
  transform: rotate(-90deg) translatex(-100%);
  transform-origin: 0% 0%; 
  margin-bottom: 0;

  position: sticky;
  top: 0;
  left: 50px; …

这是关于禁用导航栏响应的 Bootstrap 3文档中的段落:

如果使用导航栏,请撤消所有导航栏折叠和展开行为(这在此处显示太多,因此请查看示例).

我真的无法得到如何禁用响应.此外,从无响应的例子我不能理解更多.有人已经这样做了吗？