Gantry 5: smooth scrolling

Onderwerp Auteur
Bezoeker

20 nov 2015 07:33 #4768 door

Gantry 5: smooth scrolling werd gestart door

Hoi,

Ben bezig via een tutorial een particle te maken voor het scrollen van de pagina in Gantry 5. Ik heb het bijna voor elkaar maar zit nog met een klein probleem. Omdat de pagina een fixed navigatie heeft schuift de pagina steeds bij scrollen onder het menu. Nu heb ik een offset ingesteld voor het scrollen maar "springt" toch steeds de pagina aan het eind weer onder het menu. Het is een script met jQuery:

Code:

{% extends '@nucleus/partials/particle.html.twig' %}
{% block javascript %}
<script>
jQuery(document).ready(function(){
jQuery('a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash;
var ID = jQuery(this).attr("id") ;
if (ID != "g-totop") {
if (!target) {target=".site";}
var $target = jQuery(target);
jQuery('html, body').stop().animate({
'scrollTop': $target.offset().top - {{ particle.offset }}}, {{ particle.duration }}, '{{ particle.easing }}', function () {if (target!=".site") {window.location.hash = target;}
});}
});
});
</script>
{% endblock %}

Het is me onderhand wel duidelijk dat de regel:

Code:

function () {if (target!=".site") {window.location.hash = target;}

de schuldige is maar is nodig om bij mobiele weergave het mobile menu weer te verwijderen. Zonder de functie blijft deze namelijk openstaan.

Wie weet de oplossing hoe ik de laatste functie zo kan aanpassen dat deze de offset niet verwijderd.

Ronald

Onderwerp is gesloten.

Gemaakt door Kunena