html - 在引导小屏幕上隐藏 div 代码（不是 div 本身）

Question

我正在使用 angularjs 结合 ui bootstrap 和 ngSticky 模块来编写 Web 应用程序。

我不希望 ngSticky 在引导程序的小屏幕上工作 div。有什么办法可以让下面 div 代码的粘性 offset="65"在小屏幕或移动屏幕上消失？提前非常感谢！

<div sticky offset="65">

Answer 1

您可以使用引导响应实用程序：

http://getbootstrap.com/css/#responsive-utilities

制作几个div：

<!-- this one is visible on larger devices and up and contains sticky attribute -->
<div sticky offset="65" class="hidden-xs">

<!-- this one is visible on small devices and up with no sticky attribute -->
<div offset="65" class="visible-xs-block">

Answer 2

也许@media css 规则可以在这种情况下提供帮助。解决方案是：

@media (min-width: 768px) {
  .stickyClass {
    offset:65px !important;
  }
}

这意味着stickyClass 将应用于大于768px 的屏幕尺寸。你可以在这里看到这个