Comments (4)
Well, it is designed to fill different screen sizes as it resizes the sections to adjust to it. It also auto adjust the section position on resize or even the landscape slides.
It is also designed for tablets as there are touch controls for them and even an option to disable the auto scrolling.
The result you are getting is exactly the same as if you take yoru dektop computer and resize the browser window on the Y axis making it smaller.
What would be the expected behavior of it?
Should the plugin resize the image? According to what? How does the plugin knows how you want your images to look like? What if i don't want my images to be resized?
Do you actually have any suggestion to solve this "problem"?
The way I see to solve it is using CSS media queries and depending on the resolution loading an image or another. That's the way responsive design is done but that's belong this plugin, it depends on the designer and the design they want to achieve.
from fullpage.js.
@alvarotrigo +1
from fullpage.js.
Well, technically it does not work as advertised since the pages do not look the same at all when resizing.
I'm not sure why you are saying it's beyond the scope of this script since you do resize the text but you do not resize the images. Either you do not do any resizing or you do both. Doing only one does not really make sense.
Of course on can implement separate queries to load up smaller images to make up for the lack of support but if you had any parameter that could activate this kind of function that would be beneficial to many.
from fullpage.js.
@ekianjo which criteria will you follow to resize the images?
How can I know which size the user want to see the image in an small screen device? Should I resize it depending on the height
or on the width
of the screen?
I believe it is belong the plugin as this should be done with CSS queries and generating different image sizes for each of the defined resolution the designer wants to play with.
The problem with the given example and the iPad images is already there on desktop computers. It has nothing to do with tablets or mobile devices. The way I designed the demo page is not ready to deal with windows smaller than 720px
. It was a design decision as any other which designers take when they create any site.
I could have solved it with CSS queries and it would have worked as expected on the tablet devices as well.
from fullpage.js.
Related Issues (20)
- Can't swipe slides when trying to swipe on fixed element. HOT 3
- Implementation on Editor X Velo (Wix) HOT 10
- Using silentMoveTo is firing callbacks HOT 1
- Use focus() after changing sections HOT 1
- Zooming can break the layout and cause content to overlap, some appear to have scroll bars HOT 3
- Android Chrome on "enter" it jumps to next slide having input HOT 13
- Full page
- Scroll-down becomes disabled on fp-section containing video at viewport widths over 1130px when class .fp-overflow is present HOT 2
- Clear fitToSectionDelay when declaring setFitToSection(false) HOT 3
- Uncaught TypeError: t is not a function HOT 2
- site purchase incompatible files HOT 2
- Continous scrolling HOT 11
- normalScrollElements issue HOT 1
- Remove "Made with Fullpage.js" from website HOT 2
- scrollOverflow overscroll behavior HOT 2
- How to do multiple full pages in webflow? HOT 6
- Internal linking not working in webflow page that use fullpage.js HOT 4
- swipe down event over youtube player HOT 8
- Using fullpage.js with Divi HOT 1
- iPad Scrolling adjusting to section when using autoScrolling:false HOT 11
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 fullpage.js.