Comments (4)
Yeah, this looks broken, sorry. Is there any chance you're able to get this demo up on Codepen or JSBin? You can use https://rawgit.com/ftlabs/ftcolumnflow/master/src/FTColumnflow.js as the source file. I'd like to look into the internals to see what the problem is.
from ftcolumnflow.
Yes sure, thanks for the lighting fast response. I will get back with a codepen example.
from ftcolumnflow.
Link to codepen
http://codepen.io/f4k1r/pen/EaVRqd
This is the link to full preview of the page
http://codepen.io/f4k1r/full/EaVRqd/
I do understand that anyone would rarely fix the entire first page content. I was just testing this out, neither do I have any such usecase currently.
Update: We have been building some sweet layouts for a digital magazine using ftcolumns. Thanks a lot for contributing so much to us.
from ftcolumnflow.
Hey,
Sorry it took me such a crazy long time to look at this. In your CodePen demo, the only problem is that the fixed elements are overlapping. The flowed content always sits nicely on page 2 for me. You already admit that you're pushing the limits of ColumnFlow by adding so much fixed content to a flexible viewport. But I don't think there's actually a bug here.
from ftcolumnflow.
Related Issues (20)
- Attach to last page support for fixed content HOT 1
- Consider using DocumentFragment rather than reading/writing innerHTML as a string
- Implement unit test coverage tooling and badging
- Break before/after feature HOT 2
- inline image lineheight issue while reflow HOT 2
- Question : why columnflow? HOT 2
- IE9 Support HOT 1
- Calculation is off when using the browser zoom feature HOT 1
- doesn't work HOT 4
- nowrap does not break on specific nested content HOT 2
- FTColumnFlow to PDF HOT 11
- Spliting paragraphs between columns HOT 7
- Is it possible to have a new element other than fixed and flowed element? HOT 3
- Same IDs are causing conflicts
- FTColumnFlow is not working if embedded media (audio tag, to be exact) are used
- Vertical Space in demos HOT 4
- Tall `nowrap` elements are cropped and the excess is discarded
- Margins between pages when printing HOT 1
- Handling of zoom factor changes
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ftcolumnflow.