Javascript jQuery';滚动至顶部';鼠标后面的按钮是什么?

Javascript jQuery';滚动至顶部';鼠标后面的按钮是什么?,javascript,jquery,scroll,mouseevent,Javascript,Jquery,Scroll,Mouseevent,我试图让我的滚动到顶部链接跟随用户的鼠标进入左侧的固定div。我已经制作了一个我试图做的原型,但我的技能太低,无法真正让它工作。请帮忙 var mouseX = 0, mouseY = 0; $(".side").mousemove(function(e){ mouseY = e.pageY-19; }); var follower = $("#follower"); yp = 0; var loop = setInterval(function(){ yp += (mo

我试图让我的滚动到顶部链接跟随用户的鼠标进入左侧的固定div。我已经制作了一个我试图做的原型,但我的技能太低,无法真正让它工作。请帮忙

  var mouseX = 0, mouseY = 0;
$(".side").mousemove(function(e){
   mouseY = e.pageY-19; 
});

var follower = $("#follower");
yp = 0;
var loop = setInterval(function(){

    yp += (mouseY - yp) / 6;
    follower.css({top:yp});

}, 10);

小提琴:

我的网站上有这样的东西:

$("body").on( "mousemove" , "a.refreply",  function(e){ relocatePopup(e); });
当鼠标位于类为“refreply”的某个链接上方时,它会显示一个div#弹出窗口,如果鼠标移动,弹出窗口将跟随光标。这里没有显示显示弹出窗口的部分,它基本上以$('#popup').show()结尾

relocatePopup的功能是:

function relocatePopup ( e, useglobal ) {

if ( useglobal == true ) {
    var e = new Object;
    e.pageX = global_x;
    e.pageY = global_y;
}

var popup_height = parseInt( $("div#popup").css("height") ) ;
var bottom_popup = e.pageY + popup_height + 20;
var bottom_page = window.pageYOffset + window.innerHeight;
if ( bottom_popup > bottom_page ) {
    $('div#popup').css("top", bottom_page - popup_height - 5 ).css("left",e.pageX+20);
}else{
    $("div#popup").css("top",e.pageY+20).css("left",e.pageX+20);
}
}

基本上,它获取鼠标事件的x,y,其余的是计算弹出窗口的内容是否会出现在可见屏幕之外,重新计算位置以保持弹出窗口在页面内,然后更改元素的“顶部”和“左侧”,它必须绝对定位。

你需要解释这个演示的内容不是你想要的。是的,我觉得它很不错!如果我把它粘贴到真正的html文档中,按钮会完全失控。。你自己试试吧!我不知道你想用它做什么,但我认为这对一些/大多数用户来说真的很烦人…我想用它来滚动到顶部,在我看来这将是非常棒的!:D