Why do you need more than 10k height?? What use case does this benefit?
I am making a very long scrolling landing page to tell a story. I'm not using much animation but I need more than 10k in height for the stage. I would like to find out if and how that is possible and if there is a performance reason that edge limits the stage height to 10k px.
Then you may want to resort to a Text element with the Overflow option set to 'Scroll'.
Thanks. It's a bit of a clunky solution but it works. I will see if the stage background continues past the 10k limit. If not I guess I'll have to put another Div below to make it all look seemless.
I have tried to edit the edge.js file to increase the limit but it doesn't seem to work.
I would like to know if your suggestion also applies to a Horizontal slideshow "Width larger than 10,000px". I have tried to set the overflow of the div to scroll, but it still scrolls up to 10,000px.
//---imagine i have a photo 200px by 10000px and it represents the whole panaroma
left : 0,
height : $(window).height(), //----Adjusting photos height to window's height
width : $(window).height()*10000/200, //---scaling the width relative to the new height
Hi departure, apologies for missing this one.
I am trying to visualize your scenerio - are you referring to a single image at 10000 width, or a collection of images, as a slideshow that scrolls to the width of 10000.
Do you have sample, even by way of an external plugin for me to checkout, that best describes it.
Here is the link to what i have so far. I was able to solve some problems along the road. I am dynamically placing individual pics next to each other in respond to windows resize. Main Div wraps all the images and its width is equal the sum of all widths. Stage width is 1024. My current problems are:
1 - Although I was able to activate the scroll bar, Swiping is not available on touch devices. I thought scroll bars automatically respond to user swipes
2 - I cant get rid of the vertical scroll bar. I tried to set the css value of overflowY: "hidden". It throws a syntax error when I type it as overflow-Y. I am interested to calculate the scroll height and correct my div-height though.
3 - In Firefox I get 2 vertical scroll bars
I may have found another way: set the stage height to 10000 px. Switch to %. Set the number to, for example, 200%. Now the stage increases its height to the double. Switch back to px. It will still say 10000 but the stage as you see it will be 20000 px high.