在firefox上的滚动事件上移动元素

Question

我想在scroll事件上移动一个元素。 我的代码在chrome上工作正常但在firefox上没有。

$body = $(document.body);

$(window).scroll(function () { 

$( "#topHeadVal" ).css('top', $body.scrollTop());    
});

http://jsfiddle.net/3cee7e2m/1/

Answer 1

http://jsfiddle.net/3cee7e2m/2/

使用$(document)代替$(document.body)。

另外，您的示例代码让我很担心。如果您试图将某些内容粘贴到屏幕上的固定位置，您确定不是在寻找position: fixed吗？

Answer 2

使用$(window).scrollTop()代替$ body.scrollTop（），结果为http://jsfiddle.net/3cee7e2m/5/

Answer 3

我将$body替换为$(window)并且有效：

$( "#topHeadVal" ).css('top','27px');
var $window = $(window);

$window.scroll(function () { 
    $( "#topHeadVal" ).css('top', $window.scrollTop());
});

Fiddle.