Question

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

我不希望ngSticky在bootstrap的小屏幕上使用div。有什么方法可以让下面的div代码的粘性偏移=＆＃34; 65＆＃34; 在小屏幕或移动屏幕上消失？非常感谢提前！

<div sticky offset="65">

Answer 1

您可以使用bootstrap responsive-utilities：

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的屏幕尺寸。您可以在行动here

中看到这一点

在bootstrap小屏幕上隐藏div代码（不是div本身）

2 个答案: