WHAT I AM USING?
I am using FullPage.js with scrollOverflow.
MY SETTINGS
These are my settings
<script>
$(document).ready(function() {
$('#fullpage').fullpage({
//Navigation
sectionsColor: ['#06C', '#C06', '#930', '#06C'],
anchors: ['aa', 'bb', 'cc', 'dd'],
menu: '.menu',
navigation: true,
scrollOverflow: false, /* True or False Depending */
scrollBar: true,
fixedElements: '.header',
paddingTop: '3em',
slidesNavigation: true,
paddingBottom: '1em'
});
});
</script>
PROBLEM EXPLANATION
I have a contact form that has radio and checkboxes inputs but those inputs don't work in mobile devices with scrollOverflow equals to true. They work on desktops though.
If I chancge scrollOverflow to false the inputs work on mobile but scrollOverflow does not works which is needed because the contact form is long for mobile.
LIVE EXAMPLES
You can see scrollOverflow=true (enable) on this live example 1 but radio and checkbox inputs don't work on mobile.
On these example 2 I disabled scrollOverflow=false and the radio and checkbox inputs work on mobile but the scrollOverflow don't works which is bad if the contact form is long and I need to scroll.
Does anyone knows how to fix this?
Aucun commentaire:
Enregistrer un commentaire