移动网络:将整个页面滑动以显示下面的导航

时间:2019-05-10 18:22:08

标签: javascript html css

我正在为自己的网站制作一个全新的移动版本。而且我已经决定要进行导航的方式是使用“汉堡包”按钮使整个页面向右滑动,从而显示出下面的导航链接列表。

所以我以为我可以正常加载每个页面的主要内容,但是一旦主页完成加载,我就可以用javascript分别加载导航内容。这样,可以将其单独缓存,而不必在每次页面加载时都加载(事实上,我还考虑使用html5网络存储来加载数据并保持加载一天左右,但这是次要的。) >

我要坚持的是如何使整个主要内容向右滑动,显示其下面的内容,而无需更改其宽度或类似内容。我想从某种意义上说这是一个非常简单的效果。建议我可以使用由JS触发的CSS动画。我喜欢简单的代码,听起来很简单,但是我不确定如何完成它。

不幸的是,我没有向您显示的示例Web应用程序。如果您在想像我所要解释的内容时遇到困难,可以尝试使用本机App Store的本机应用程序,该应用程序具有一种非常相似的导航方式: https://itunes.apple.com/us/app/wcvb-newscenter-5-boston/id501410335?mt=8 注意:与该应用程序或公司无关,我只是喜欢他们的导航“汉堡”按钮将其内容向右滑动以显示导航的方式。在此事务中,它们的导航也会略微滑动。我不会那样做。我认为,如果固定导航并完全覆盖主要内容,并且在单击导航按钮时显示该内容,则我的内容将显示最佳。

0 个答案:

没有答案
相关问题