Javascript 此滑动代码仅适用于firefox
这段代码显示5个图像,它们通过幻灯片相互显示 它们都是静态定位和重叠的 这样,当它们被切换时,它们会相互显示 在firefox中可以完美地工作,但在chrome或safari中则不行 有人知道为什么吗 提前谢谢Javascript 此滑动代码仅适用于firefox,javascript,google-chrome,firefox,safari,cross-browser,Javascript,Google Chrome,Firefox,Safari,Cross Browser,这段代码显示5个图像,它们通过幻灯片相互显示 它们都是静态定位和重叠的 这样,当它们被切换时,它们会相互显示 在firefox中可以完美地工作,但在chrome或safari中则不行 有人知道为什么吗 提前谢谢 var curPhoto = 6; var scrollAmountUp = 0; var scrollAmountDown = 0; $(function(){ //last scroll will always save the current scroll position
var curPhoto = 6;
var scrollAmountUp = 0;
var scrollAmountDown = 0;
$(function(){
//last scroll will always save the current scroll position value
var CurrentScroll = 0;
$(window).scroll(function(event){
console.log('Event triggered');
var NextScroll = $(this).scrollTop();
if (NextScroll > CurrentScroll){
//Scrolling Down
scrollAmountUp = 0;
scrollAmountDown++
if(scrollAmountDown > 12){
curPhoto--;
console.log('Setting next photo:' + curPhoto);
scrollAmountDown = 0;
//Change Photo
$('#swift-slider-' + curPhoto).slideToggle("900");
if(curPhoto == 2){
window.scrollTo(0, document.body.scrollHeight);
}
}
}
else {
//Scrolling up
scrollAmountDown = 0;
scrollAmountUp++;
if(scrollAmountUp > 12){
console.log('Setting prev photo:' + curPhoto);
scrollAmountUp = 0;
//Change Photo
$('#swift-slider-' + curPhoto).slideToggle("900");
curPhoto++;
if(curPhoto == 6){
window.scrollTo(0, 0);
}
}
}
//Updates current scroll position
CurrentScroll = NextScroll;
}));
}); 在Chrome的控制台中会出现什么错误?你能发布一个完整的例子,这样我们可以复制这个问题吗?jsFiddle.net示例通常很有帮助。控制台中没有错误:访问:查看@j0891中的操作