如何让我的横向JavaScript程序在加载时垂直停止“闪烁”

Question

我的网站是wordswithfriends.net

我下载了免费的新闻自动收录器JavaScript程序。它完美地工作，除非在加载时，特别是在慢速连接上，所有新闻自动收报机项目将以简单的HTML垂直显示一小段时间。期望的行为是显示空白的新闻自动收报机，直到项目准备好滚动。源代码在这里

http://www.wordswithfriends.net/mytourney/widgets/min.js
http://www.wordswithfriends.net/mytourney/widgets/scroller.js

Answer 1

不幸的是，由于你的问题中提供了稀疏的信息，并且从scroller.js脚本的源代码中，包含要滚动的新闻项的div具有类tickercontainer。

我只能假设带有类tickercontainer的div中的新项目加载了页面上的其他所有内容，只有在加载了这个div之后（当DOM准备就绪时），scrolller.js脚本才会设置div和它是内容并启动自动收报机。

Answer 2

你可以尝试将它添加到你的CSS：

#ticker01 {
    display:none;
}

ul上方的脚本标记中还有一行：

$(function(){
    $("ul#ticker01").show();
    $("ul#ticker01").liScroll();
});

Answer 3

尝试向所有新闻项添加一个类，并将“display：none”样式应用于该类。您可能需要初始化文档就绪事件的第一个元素。这应该摆脱所有新闻项目的初始闪现。

Answer 4

不幸的是，由于您的问题中提供的信息稀少，并且scroller.js脚本的源代码中包含要滚动的新闻项的div具有class tickercontainer。

我只能假设div中class tickercontainer内的新项目加载了页面上的其他内容，只有在加载div之后（当DOM准备就绪时）scroller.js脚本样式div及其内容并启动代码。

我建议您最初将visibility或display样式的tickercontainer设置为hidden或none HTML的style标记或外部CSS文件，head脚本初始化后，使用jQuery将scroller.js或visibility样式设置为{{1} }或display。

如果这不是你想要的，那么请扩展你的问题，我会尽力回答。