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
Post a Comment