2017-12-26 25 views
0

jquery 스크롤바 | 스타일 속성 대 스타일 태그

$(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와 너비에서 너비와 높이를 사용할 때 콘텐츠 너비와 높이로 자동 설정됩니다. 그러나 스타일 태그에 너비와 높이를 넣으면 작동합니다. php로 동적으로 너비와 높이를 변경하고 싶습니다. 그래서 두 번째 방법을 사용하고 싶습니다. 이 방법을 제안 해 주시겠습니까?

enter image description here

내가 가장 안전한 베팅 자바 스크립트와 PHP에서 그 값을 잡을 동적으로 스크롤을 초기화 후 div의 높이를 을 변경하는 것입니다 생각 :

답변

0

은이 라이브러리 우선 기존의 인라인 스타일이 보인다.


편집 :

그래서 내가 안전하게 나는 그들이 내부 사업부 내에서 설정 인라인 스타일과 포장 사업부에 스크롤을 적용 것으로 나타났습니다 the docs보고이 능력을 달성하는 방법에 관심이 있어요. 어쩌면 그럴 가치가 있습니다.