0
我試圖移動導航欄取決於鼠標位置的工作,但我不能使平滑當我將鼠標移動到一個點然後停止,裕度頂部花費很長時間來更新新值。這使得它看起來平滑的動畫像jittring代替根據鼠標位置滾動導航欄不光滑需要改進
function nav_animate(e) {
var mouse_y = e.pageY;
if (mouse_y < 200) {
var old_y = $("#nav-style").css('margin-top').replace('px', '');
var new_y = parseInt(old_y);
var tmp = -(mouse_y + new_y);
if (tmp > 0) {
tmp = 0;
}
$("#nav-style").css({ 'margin-top': tmp + 'px' });
}else {
$("#nav-style").css({ 'margin-top': '-101px' });
}
}
$(document).ready(function() {
$(document).on('mousemove', nav_animate);
});
,因爲我沒有提出我的問題以及這裏是該網站即時通訊的鏈接做here
使用'translateX' CSS變換修改的保證金來代替。 Cf [用CSS3實現60 FPS動畫](https://medium.com/outsystems-experts/how-to-achieve-60-fps-animations-with-css3-db7b98610108) –
它是頁面將滾動到在頁面中特別是'div'? –
沒有它的只是導航欄下降鼠標走近 –