我正在 build 这个网站,这对我来说很棘手。它的导航设计方式、透明的 Logo /搜索栏区域以及其背后的 slider 使其变得艰难。当您加载页面时,您会注意到 slider 页面顶部的按钮和文本最初并未加载。一秒钟后,它们出现了,第一张幻灯片图像闪回到屏幕上。如果你滚动到页面的最底部,你可以看到按钮和文本加载在那里,然后向上移动到预期的位置。我似乎总是对屏幕上闪烁的第一张幻灯片有疑问。知道发生了什么事吗?
http://new.townofbargersville.org/
注意:我使用的是 Chrome。在 Safari 中,按钮和文本甚至不会显示,直到第二张幻灯片进入。
最佳答案
当您开始调用 flexslider 时,代码会移动 ul.slides
成为容器的最后一个元素 ( div#banner
)。这就是为什么您会在几秒钟后看到它。
如果你不调用它——你永远不会看到 div#banner-contact
的内容,因为它是绝对定位的,并且在它上面还有另一层(ul.slides
)。容器div#banner
高度为 634px
和 overflow: hidden
所以下面的任何内容都将被隐藏。
为了使其正常工作,您只需更改元素的顺序即可。移动<ul class="slides">
在 <div id="banner-content">
下
关于jquery - slider 在屏幕上闪烁并加载奇怪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31127291/