用scroll事件判断scrollTop()值，来控制显示和隐藏，手机宽高比不同，scrollTop()也不同 如何处理。

var scrollHeight =$('#wrapper').scrollTop();//滚动高度

console.log(scrollHeight)

if( scrollHeight >= 585 && $('.player').hasClass('a1')){
$('.player').fadeIn(600).removeClass('a1').addClass('a2');

}
if(scrollHeight >= 1800 && $('.player').hasClass('a2')){
$('.player').fadeOut(600).removeClass('a2').addClass('a3');

}
if(scrollHeight >= 3485 && $('.player').hasClass('a3')){
$('.player').fadeIn(600).removeClass('a3').addClass('a4'); ;

}
if(scrollHeight >= 4150 && $('.player').hasClass('a4')){
$('.player').fadeOut(600);

}

灵机一动一个想法---可以在想要滚动到的html地方加一行空标签，直接判断这个标签距离浏览器顶部的距离，如果距离为0，再执行事件。