我可以使用什么技术来阻止导航栏闪烁?

时间:2018-07-05 01:43:45

标签: javascript html css navigation

在我的网页上,我有一个顶层菜单栏(从概念上来说)与apple.com上使用的菜单栏没有什么不同:

enter image description here

我的网站(和Apple的网站)都存在的问题是,在页面之间导航时,该网站会重新加载整个页面,这会导致导航栏闪烁。

当用户从菜单项单击到菜单项时,我可以使用什么技术来确保导航栏保持完全静止?

2 个答案:

答案 0 :(得分:0)

您可以缓存资产。根据您的网站已经使用的技术以及您是否具有灵活性,可以添加更多的js依赖项。

Navigation bar that doesn't reload

有关

您是否有指向您网站的链接? apple.com网站的navbar对我来说似乎不错,并且不会闪烁(尽管某些网站在导航栏上方有免责声明)。当我导航到每个链接时,标准Bootstrap navbar也会显示静态。

答案 1 :(得分:0)

我不太确定您的网站,但我认为apple.com上的导航闪烁(实际上,它在滚动条出现后移至左侧)是由主滚动条引起的。您是否试图强制主滚动条始终可见?您可以在这里Making the main scrollbar always visible

看看