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

Question

我想在滚动事件中移动一个元素。我的代码在 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) 替换了 $body 并且有效：

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

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

Fiddle.

Answer 3

使用$(window).scrollTop()代替$body.scrollTop()，这里是结果http://jsfiddle.net/3cee7e2m/5/

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

Move element on scroll event on firefox

javascript

css

firefox

jquery

scrolltop