Ondersteuning » Thema en CSS/opmaak » scroll down button

  • Dag,

    Een vraag over de scroll down button die ik op deze website heb geplaatst vangarderentimmerwerken.nl Op het eerste gedeelte zie je een “Lees Meer” button als je daarop klikt sroll je naar het gebied eronder alleen zie je dat je hier onder de titel uitkomt. En door het klikken op de button zie je niet dat je naar benden scrollt. Hoe krij ik dit opgelost dat je dus ziet dat je naar beneden scrollt en dat hij mooi op de titel uitkomt. Op de mobiel is het beter.

    Groet,
    Irene

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hoi @irene707,

    Dat is op zich een probleem die vanuit je thema komt, je zou je #id kunnen verwijzen naar de sectie er boven, het witte gedeelte dan weliswaar.

    Nu link je inderdaad tot op de header tekst.

    Anders even support vragen bij je thema-makers (StudioPress)

    Jeroen

    Thread starter Irene Overeem

    (@irene707)

    Dank je Jeroen,

    ik had die vraag al bij StudioPress neergelegd en het kan alleen met “#text-9”. Naar witte gedeelte verwijzen werkt niet.
    Terwijl het op de mobiel wel goed gaat. Ik ga het nog maar een keer vragen.

    Irene

    Thread starter Irene Overeem

    (@irene707)

    Een stukje code voor js gekregen en nu srollt het mooi naar beneden.

    // Scroll to target function.
    jQuery( ‘body.home a[href*=”#”]:not([href=”#”])’ ).click(function() {

    if (location.pathname.replace(/^\//, ”) == this.pathname.replace(/^\//, ”) && location.hostname == this.hostname) {

    var target = jQuery(this.hash);
    var headerPosition = jQuery(“.site-header”).css(“position”);

    if ( headerPosition == ‘fixed’ ) {
    var headerOffset = 130;
    } else {
    var headerOffset = 0;
    }

    target = target.length ? target : jQuery( ‘[name=’ + this.hash.slice(1) + ‘]’ );

    if (target.length) {

    jQuery( ‘html,body’ ).animate({

    scrollTop: target.offset().top – headerOffset

    }, {
    duration: 750,
    complete: function() {
    target.focus();
    }
    });

    return false;

    }
    }

    });

    });

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Goed dat de makers je toch een oplossing hebben kunnen geven, dit stukje is thema gebonden en hangt af van hun instellingen, hoogtes enzovoort.

    Jeroen

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘scroll down button’ is gesloten voor nieuwe reacties.