javascript - マウス カーソル フォロワ ボディに制限

Question

私は現在これを持っています.マウスカーソルに続くダイビング..しかし、ウェブサイトの端に近づくと、スクロールバーなどが作成されます。ウェブサイトを拡張..

これがJSです。

var mouseX = 0, mouseY = 0;
$(document).mousemove(function(e){
   mouseX = e.pageX;
   mouseY = e.pageY; 
});

// cache the selector
var follower = $("#follower");
var xp = 0, yp = 0;
var loop = setInterval(function(){
    // change 12 to alter damping higher is slower
    xp += (mouseX - xp) / 1;
    yp += (mouseY - yp) / 1;
    follower.css({left:xp+5, top:yp+5});

}, 30);

CSSは次のとおりです。

#follower{
  position : absolute;
  background-color : red;
  color : white;
  padding : 10px;
}

そしてHTML：

<div id="follower">Move your mouse</div>

どんな助けでも大歓迎..ありがとう