Javascript 滚动动画在mac book retina中不起作用

Javascript 滚动动画在mac book retina中不起作用,javascript,jquery,macos,retina-display,Javascript,Jquery,Macos,Retina Display,菜单栏和图像横幅的动画在mac book retina display中不起作用。但它在没有视网膜的正常显示下工作。我正在添加触发器控制台,但在滚动时未显示任何内容 以下是网页链接: 代码如下: $(窗口).ready(函数(){ var pageWidth=$(窗口).width(); 如果(页面宽度>1281){ $(窗口).on('scroll',function(){ var amount=$(window.scrollTop(); var amount2=1-(金额/10000); 控

菜单栏和图像横幅的动画在mac book retina display中不起作用。但它在没有视网膜的正常显示下工作。我正在添加触发器控制台,但在滚动时未显示任何内容

以下是网页链接:

代码如下:

$(窗口).ready(函数(){
var pageWidth=$(窗口).width();
如果(页面宽度>1281){
$(窗口).on('scroll',function(){
var amount=$(window.scrollTop();
var amount2=1-(金额/10000);
控制台日志(数量2);
$(“.slideanimate”).css({“-webkit transform”:“scale('+amount2+'),“-moz transform”:“scale('+amount2+'),“transition”:“所有0.3”});
如果($(窗口).scrollTop()>700){
$(“.navhome1”).css({“-webkit不透明度”:“0”,“-moz不透明度”:“0”,“不透明度”:“0”});
}否则{
$(“.navhome1”).css({“-webkit不透明度”:“1”,“-moz不透明度”:“1”,“不透明度”:“1”);
}
});
};
});
请帮忙。谢谢

案件已解决

我正在为桌面添加检测。以下是完整的代码:

$(窗口).ready(函数(){
var pageWidth=$(窗口).width();
var istablet=(/ipad | android | android 3.0 | xoom | sch-i800 | playbook | tablet | kindle/i.test(navigator.userAgent.toLowerCase());
var isDesktop=(函数(){
return!('ontouchstart'在窗口中)//适用于大多数浏览器
||!('onmsgestreechange'在窗口中);//适用于ie10
})();
window.isDesktop=isDesktop;
如果(isDesktop | | istablet){
$(窗口).on('scroll',function(){
var amount=$(window.scrollTop();
var amount2=1-(金额/10000);
控制台日志(数量2);
$(“.slideanimate”).css({“-webkit transform”:“scale('+amount2+'),“-moz transform”:“scale('+amount2+'),“transition”:“所有0.3”});
如果(金额>700){
$(“.navhome1”).css({“-webkit不透明度”:“0”,“-moz不透明度”:“0”,“不透明度”:“0”});
}否则{
$(“.navhome1”).css({“-webkit不透明度”:“1”,“-moz不透明度”:“1”,“不透明度”:“1”);
}
});
};
});