Переместить элемент в событии прокрутки в Firefox

Я хочу переместить элемент в событии прокрутки. Мой код отлично работает в Chrome, но не в Firefox.

$body = $(document.body);

$(window).scroll(function () { 

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

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


javascript jquery css firefox scrolltop
person Petran    schedule 27.02.2015    source источник
comment
возможный дубликат Не удается заставить scrollTop() работать в обоих Chrome и Firefox   -  person falsarella    schedule 28.02.2015

Ответы (3)


arrow_upward
1
arrow_downward

Используйте $(window).scrollTop() вместо $body.scrollTop(), вот результат http://jsfiddle.net/3cee7e2m/5/

person YourFriend    schedule 27.02.2015

arrow_upward
2
arrow_downward

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

Используйте $(document) вместо $(document.body).

Кроме того, ваш пример кода меня беспокоит. Если вы пытаетесь прикрепить что-то к определенному месту на экране, вы уверены, что не ищете position: fixed?

person szupie    schedule 27.02.2015

arrow_upward
0
arrow_downward

Я заменил $body на $(window) и все заработало:

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

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

Скрипка.

person John Bupit    schedule 27.02.2015