Bonjour,
Je réalise un site avec symfony et bootstrap.
De plus j'utilise fullpage.js
J'ai un gros problème avec mon menu si j’optimise mon code pour les version mobile et tablette.
voici mon code qui pour moi devrais fonctionner en théorie !
ma page index.html.twig
en fait j'utilise 3 fichier par section et que j'affiche ou pas en fonction de l'écran. Mais je pense que le fullpage.js se perd !
Lorsque je fais un hidden-lg par exemple, est ce que l'ID est visible dans le code ? Ma théorie c'est que le js ce perd avec les id !
Je réalise un site avec symfony et bootstrap.
De plus j'utilise fullpage.js
J'ai un gros problème avec mon menu si j’optimise mon code pour les version mobile et tablette.
voici mon code qui pour moi devrais fonctionner en théorie !
ma page index.html.twig
{% extends '::base.html.twig' %}
{% block title %}{% endblock %}
{% block body %}
{% include "BluewireHomeBundle:Includes:navbar.html.twig" %}
<div id="fullpage">
{% include "BluewireHomeBundle:Includes:accueil.html.twig" %}
{% include "BluewireHomeBundle:Includes:solution.html.twig" %}
<div class="visible-lg hidden-md hidden-sm hidden-xs">
{% include "BluewireHomeBundle:Includes:techno.html.twig" %}
{% include "BluewireHomeBundle:Includes:success.html.twig" %}
</div>
<div class="hidden-lg visible-md hidden-sm hidden-xs">
{% include "BluewireHomeBundle:MobileMod:techno-md.html.twig" %}
{% include "BluewireHomeBundle:MobileMod:success-md.html.twig" %}
</div>
<div class="hidden-lg hidden-md visible-sm visible-xs">
{% include "BluewireHomeBundle:MobileMod:techno-xs.html.twig" %}
{% include "BluewireHomeBundle:MobileMod:success-xs.html.twig" %}
</div>
{% include "BluewireHomeBundle:Includes:contact.html.twig" %}
</div>
{% endblock %}
{% block javascripts %}
<script>
$(document).ready(function(){
$('#fullpage').fullpage({
menu: '#top-menu',
anchors: ['Accueil','Solutions' ,'Technologies', 'Success', 'Contact'],
easingcss3: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)',
scrollingSpeed: 900,
slidesNavigation: true,
responsiveWidth: 900,
responsiveHeight: 600
});
});
</script>
{% endblock %}
en fait j'utilise 3 fichier par section et que j'affiche ou pas en fonction de l'écran. Mais je pense que le fullpage.js se perd !
Lorsque je fais un hidden-lg par exemple, est ce que l'ID est visible dans le code ? Ma théorie c'est que le js ce perd avec les id !