javascript、offsetTop、offsetBottom

Question

私のHTML IDの段落タグは移動していますが、ページの読み込み中にpタグを低速に落とすようにしようとしています。

JS：しかし、私のコードは

var speed = 12; 
var direction = 1; 
var getParagraph = document.getElementById("move"); 
getParagraph.onmouseover = moving; 

function moving() { 
    var bo = getParagraph.offsetHeight; 
    var boTop = getParagraph.offsetTop; 
    var boBottom = boTop + bo; 

    // When right side of the box goes too far - change direction: 
    if (boBottom > document.body.offsetHeight) { 
     direction = -1; 
    } 

    // When left side of the box goes too far - change direction: 
    if (boTop < 0) { 
     direction = 1; 
    } 

    // Recalculate position: 
    getParagraph.style.Top = (boTop + speed * direction) 
} 

Answer 1

これはマイナーな変更とあなたのコードであり、それ "作品" .......動作していない

VARスピード= 12;

var direction = 1; 

    var getParagraph = document.getElementById("move"); 

    document.getElementById("move").addEventListener("mouseover", moving); 
    //getParagraph.onmouseover = moving; 

    function moving() { 

     console.log("Moving??"); 
     var bo = document.getElementById("move").offsetHeight; 

     var boTop = document.getElementById("move").offsetTop; 

     var boBottom = boTop + bo; 

     // When right side of the box goes too far - change direction: 

     if (boBottom > document.body.offsetHeight) { 
      direction = -1; 
     } 
     // When left side of the box goes too far - change direction: 

     if (boTop < 0) { 

      direction = 1; 
     } 
     // Recalculate position: 
     document.getElementById("move").style.marginTop = (boTop + speed * direction) + "px"; 
     speed++; 
    } 

CSS：

#move { 
      display : block ; 
      position : absolute ; 
     } 

はそれがお役に立てば幸いです。