Gå til innhold

haakl

Medlemmer
 Vis profil  Se deres aktivitet

  • Innlegg

    470

  • Ble med

  • Besøkte siden sist

 Innholdstype 

Innlegg skrevet av haakl

  1. Kalle på js funksjon i html-a-tag

    i Programmering og webutvikling

    Skrevet · Endret av haakl

    Hei!

     

    Jeg har et problem når det kommer til å implementere smooth scrolling på websiden min. Jeg er ganske sikker på at javascripten er riktig, men når jeg kaller på den i html-dokumentet vil den ikke kjøre funksjonen.

     

    HTML-utsnitt

     

     

    <div id="scroll">
    <a href="#problemScroll" onclick="scroll('problemScroll'); return false"><img             src="graphics/down_arrow.png" alt="down arrow" /></a>
    </div>

     

     

     

    JS

     

     

    function yPosition() {
    if (self.pageYOffset) return self.pageYOffset;
    if (document.body.scrollTop) return document.body.scrollTop;
    return 0;
    }

    function elementYPosition(eID) {
    var element = document.getElementById(eID);
    var y = element.offsetTop;
    var node = element;
    while (node.offsetParent && node.offsetParent != document.body) {
    node = node.offsetParent;
    y += node.offsetTop;
    } return y;
    }

    function scroll(eID) {
    var startY = yPosition();
    var stopY = elementYPosition (eID);
    var distance = stopY > startY ? stopY - startY : startY - stopY;
    if (distance < 100) {
    scrollTo(0, stopY);
    return;
    }
    var speed = Math.round( distance / 100 );
    if (speed >= 20) speed = 20;
    var step = Math.round( distance / 25 );
    var leapY = stopY > startY ? startY + step : startY - step;
    var timer = 0;
    if (stopY > startY) {
    for ( var i = startY; i < stopY; i += step) {
    setTimeout("window.scrollTo(0, "+leapY+")", timer * speed);
    leapY -= step;
    if (leapY > stopY) {
    leapY = stopY;
    timer++;
    }
    }
    return;
    }
    for ( var i = startY; i > stopY; i-= step ) {
    setTimeout("window.scrollTo(0, "+leapY+")", timer * speed);
    leapY -= step;
    if ( leapY < stopY) {
    leapY = stopY;
    timer++;
    }
    }
    }

     

     

     

    I console får jeg error på at verdien til eID blir null. Av en eller annen grunn setter ikke funksjonen mitt parameter 'problemScroll' som verdi til eID.

     

    Uncaught TypeError: Cannot read property 'offsetTop' of nullelementYPosition

    @ js.js:12scroll

    @ js.js:22onclick

    @ index.html:17

  25. Ting som irriterer så grenseløst v2.0!

    i OT-baren

    Skrevet

    Irriterer meg over flere ting for tida...

     

    1. KLEINE folk på besøk, ord kan ikke beskrive dette...

    2. Jeg kjørte moped på torsdag, og jeg tryna på vei ut av en rundkjøring (var snø og is på veien), og det at jeg nå må ta buss fordi det er vinter.

    3. At jeg nesten er tom for penger, og fem dager til stipend som for det meste kommer til å gå til julegaver og nyttårsaften..

×
×
  • Opprett ny...