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

Move element on scroll event on firefox

本文关键字：移动 元素 事件 滚动 firefox      更新时间：2024-06-22

我想在滚动事件中移动一个元素。我的代码在chrome上运行良好，但在firefox上则不然。

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

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

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

使用$(document)而不是$(document.body)。

另外，您的示例代码让我很担心。如果你想把东西粘在屏幕上的固定位置，你确定你不是在找position: fixed吗？

使用$(window).scrollTop()而不是$body.scrollTop（），结果如下http://jsfiddle.net/3cee7e2m/5/

我用$(window)替换了$body，它起作用了：

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

Fiddle。

相关文章：