jquery로 css overflow ( div 스크롤 설정 )

css로 overflow ( div 스크롤 설정 ) 설정하는 방법

https://htmlstory.tistory.com/9

보고 오신분은

jquery로 하는거 해보세요.

간단합니다.

jquery css 설정 입니다.

//---------------------------------------------------------------------------------------------------------------------------------------------------------------------

// 문서가 준비되면

$(document).ready(function(){

//$('#over1').css("속성명", "값") ;

$('#over1').css("overflow", "hidden") ;

$('#over2').css("overflow-y", "scroll");

$('#over2').css("overflow-x", "hidden");

$('#over3').css("overflow", "scroll");

});

 <style>

    div {

      width: 200px;

      height: 150px;

  border: 1px solid black;

  margin-bottom:10px;

    }

  </style>

 

1 : overflow: hidden;

   <div id="over1">

overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

</br>

  overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

</br>

  overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

  </div>

  2. overflow-y: scroll; overflow-x: hidden;

  <div id="over2">

overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

</br>

  overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

</br>

  overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

  </div>

  3.  overflow: scroll;

  <div id="over3">

overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

</br>

  overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

</br>

  overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

  </div>

   4.  no overflow

  <div id="over4">

overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

</br>

  overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

</br>

  overflow1overflow2overflow3

<br/>

overflow1overflow2overflow3

</br>

overflow1overflow2overflow3

  </div>

//---------------------------------------------------------------------------------------------------------------------------------------------------------------------

jquery div 스크롤 설정 overflow 끝 ~ !!