Question

有谁知道我可以在css中更改data-offset-top属性？我设置了data-offset-top =＆＃34; -150＆＃34;在HTML文档中，但我想在css的@media语句中更改它，因为移动设备的偏移量会发生变化。

Answer 1

你可以尝试

    $(window).resize(function(){
        if (window.matchMedia('(min-width: 1024px)').matches){
            $('.test').affix({offset: {top: 150} });
        }else{
           $('.test').affix({offset: {top: 250} }); 
        }
    }).trigger('resize');

Answer 2

您无法更改CSS中的data-offset-top属性，因为它是一个CSS属性。它是您尝试使用的Bootstrap affix的HTML属性。

如果你想要一个CSS解决方案，最接近你可以做的事情 -

<div class="desktop-only" data-spy="affix" data-offset-top="160">
<div class="mobile-only" data-spy="affix" data-offset-top="change_to_whatever">

然后在你的CSS中，以适当的分辨率隐藏这些相应的类 -

.mobile-only{
    display : none;
}

@media your_media_query_for_smaller_devices{
  .mobile_only{
     display : block;
  }
  .desktop-only{
     display : none;
  }
}

如何在css中更改data-offset-top属性

2 个答案: