スタイル属性対スタイルタグ

Question

$(document).ready(function(){ 
 
    $('.scrollcontainer1').scrollbar(); 
 
    $('.scrollcontainer2').scrollbar(); 
 
})

.scrollcontainer1{ 
 
width:200px; 
 
height:200px 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.scrollbar/0.2.11/jquery.scrollbar.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.scrollbar/0.2.11/jquery.scrollbar.js"></script> 
 
<h1>Width and height in style tag</h1> 
 
<div class="scrollcontainer1 inner-scrollbar"> 
 
jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu 
 
jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu 
 
</div> 
 
<h1>Width and height in style attr</h1> 
 
<div class="scrollcontainer2 inner-scrollbar" style="width:200px;height:200px"> 
 
jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu 
 
jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu jniuniuiubiubiuiuhiuhiuuy hbubu ubiub ubiu uiiu 
 
</div>

これが私の質問です。スタイル属性divとwidthの幅と高さをコンテンツの幅と高さに自動的に設定するときに使用します。しかし、私がスタイルタグに幅と高さを置くと、それは動作しています。 PHPで動的に幅と高さを変更したい。だから私は2番目の方法を使用したい。これを行う方法を提案できますか？

Answer 1

このライブラリの上書きがインラインスタイルを既存のようだ：

私はあなたの最も安全な賭けはJavascriptとPHPからこれらの値をキャッチし、動的にスクロールバーを初期化後のdivの高さを変更することだと思います。

---

EDIT：

だから私は無事にこの能力を達成するためにどのように興味持って、the docsを見て、私は、彼らが、内側のdiv内にインラインスタイルを設定し、ラッピングのdivにスクロールバーを適用ことに気づきました。だから多分それは一見の価値がある。