1

所以我有这个盒子,当我移动鼠标时我想跟随鼠标,但希望鼠标始终位于盒子的中心。我并不是说盒子必须,而是在盒子下面,但我的意思是让盒子只能垂直上下移动以与鼠标对齐。

我尝试了几种方法,但无法让它工作,当我做了一点时,它没有正确居中。

这是我的 JS:

$( ".wrapper" ).mousemove(function(e) {
    var box = $( '.box' ).outerHeight();

    box = box / 2;

    $( '.box' ).css( 'top', ( e.pageY - box ) + 'px' );
} );

这是一个小提琴-> http://jsfiddle.net/rCabj/

谢谢!

4

3 回答 3

1

http://jsfiddle.net/rCabj/1/

在 .box 上

position: absolute; 
于 2013-04-19T00:24:51.000 回答
1

将 CSS 更改为 position: absolute 可以解决问题

于 2013-04-19T00:25:01.170 回答
1

更改topmarginTop

 $( '.box' ).css('marginTop', ( e.pageY - box ) + 'px' );

演示。

于 2013-04-19T00:25:40.550 回答