jquery - Creating new columns when the paragraph reaches the bottom of the Div -


So, I have a div with a certain height and a width which takes full width of the screen my goal Divel scroll Make a sideways when too much material is added.

In the paragraph, there is a fixed width of too many skinizers in the device itself.

What I would like to do, create a new "column" by creating any paragraph or material when it reaches under Div. Is there any way to do this with jQuery or some type of thing to do?

  .divClass {width: 100%; Height: 50%; Border: 3px solid black; Status: Completed; Top: 25%; Left: 0 pixels; Correct: 0 pixels; Clean both; Background-shaped: 50%; Overflow-y: hidden; Overflow-x: scroll; Padding-left: 80px; } .divClass p {width: 360px; }  

  $ (document) .ready (function () {function makeColumns (Elementselector, Numofkolumns) {var Krkkunt = $ (Elementselector) .html (). REPLACE (/ / c ') Klenth; var Krakuntkmuns = Mathksil ((Krkkunt / Numofkolumns) Ktfaikseda (1)); $ (Elementselector) .css ({ '-moz-column-count': caracCountColmuns, / * Firefox * / '-webkit-column-count': caracCountColmuns, / * Safari and Chrome * / 'column-count': caracCountColmuns,} );} MakeColumns ( ". DivClass p", 300); // call it anywhere in column ( "Element Tumanipulet", the height of each block)});  

I've done your solution here, it works only with IE10 +, Chrome, Firefox, Safari and Opera. Then you can control whatever you want it to.


Comments

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

eclipse plugin - Run java code error: Workspace is closed -

c - Error on building source code in VC 6 -