如何更改css中的data-offset-top屬性

Question

有誰知道我可以更改css中的data-offset-top屬性嗎？我在HTML文檔中設置了data-offset-top =「 - 150」，但我想在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; 
    } 
}