CSSのデータオフセットトッププロパティを変更する方法

Question

誰かがcssのデータオフセットトッププロパティを変更できることを知っていますか？私は、HTMLドキュメントでdata-offset-top = " - 150"を設定しましたが、モバイルデバイスのオフセットが変更されているので、CSSの@mediaステートメントでそれを変更したいと思います。

Answer 1

あなたはそれがない CSSプロパティであるので、あなたは、CSSでdata-offset-topプロパティを変更することはできません

$(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

を試すことができます。使用しようとしているBootstrapのaffixのHTML属性です。

あなたはCSSソリューション、あなたが何か行うことができます最も近いたい場合は - ブートストラップを使用して

.mobile-only{ 
    display : none; 
} 

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