Question

我使用了粘性js插件让导航栏粘在顶部但在移动设备上，导航栏占用了一半的空间，因此我不想在移动设备上粘贴。如何在移动设备上删除粘性功能???

        <script>
            $(window).load(function(){
                $(".navbar.navbar-inverse").sticky({ 
                    topSpacing: 0
                });
            });
        </script>

我已经使用上面的功能来粘贴。

Answer 1

 <script>
 $(document).ready(function(){
 if(window.innerWidth < 360)
 {
    $(".navbar.navbar-inverse").unstick();
 }
 });
 </script>

使用javascript

在移动视图的特定屏幕宽度后调用此功能

Answer 2

你为什么不使用 vanilla js？您最终可以做的是自定义粘性行为，然后仅在移动设备上使用 javascript 禁用它。当你自己做一个非常简单的时候，你不想绕过 jquery 插件。

我建议通过分辨率（screen.width）而不是针对特定设备进行切换（您可以通过查看浏览器代理）这样做，这样您将与设备无关并且只知道分辨率:)它确实如此简化事情

我写了一篇关于粘性定位的文章，您可能也想检查一下here它是关于如何最好地实现这一点。

删除移动视图粘性js上的粘性导航栏

2 个答案: