Javascript 当下一张幻灯片出现时,如何阻止幻灯片放映在顶部隐藏文本和图像?
这张幻灯片在图像和文本同时播放的情况下运行得非常完美,但是当你在底部滚动时,问题就会出现,每次你的下一张幻灯片更改或出现时,它就会跳到顶部,不知道为什么 这是参考链接: 下面是js代码:Javascript 当下一张幻灯片出现时,如何阻止幻灯片放映在顶部隐藏文本和图像?,javascript,jquery,Javascript,Jquery,这张幻灯片在图像和文本同时播放的情况下运行得非常完美,但是当你在底部滚动时,问题就会出现,每次你的下一张幻灯片更改或出现时,它就会跳到顶部,不知道为什么 这是参考链接: 下面是js代码: /*----------Slideshow of text------------*/ var faderIndex = 2, //to keep track, also it will start from 1st because last value is 0 faders = $('.f
/*----------Slideshow of text------------*/
var faderIndex = 2, //to keep track, also it will start from 1st because last value is 0
faders = $('.fadeTxt'); //cache, so we won't have to walk the dom every time
function nextFade() {
//fade out element over 3000 milliseconds, after which call a function
$(faders[faderIndex]).fadeOut(6000, function () {
//increase the index and do a check, so we won't overflow
faderIndex++;
if (faderIndex >= faders.length)
faderIndex = 0;
//fade in the next element, after which call yourself infinitely
$(faders[faderIndex]).fadeIn(3000, nextFade);
});
}
//get the ball rolling
nextFade();
/*----------Slideshow of text------------*/
问题是,
fadeOut
动画以显示结束:无代码>。在该fadeOut
和下一个fadeIn
之间,文档较小,浏览器必须滚动
设置包装的宽度
和高度
(带有id
横幅的div
),例如:
现在应该可以了
#banner {
...
width: 100%;
height: 174px;
}