主页内容处于视差体验的中间。
出于这个原因,您将需要一个可以处理垂直和水平视差效果的视差插件,以便在您的网页中正确导航。
考虑: jQuery 的滚动视差插件
上面的视差演示页面允许您滚动两个方向。
这是我使用这个插件的方法/方法。
1.根据需要设计具有水平和垂直内容的网站。布局示例:
OOO Here, the top of the webpage is content about the "starting" point.
OXO Next, you have content on the sides of the "starting" point as shown.
OOO Finally, content is below the "starting" point to complete the webpage.
2.由于网页访问者会看到不想要的网页顶部,因此使用jQuery.scrollTo()
插件设置页面加载的“起始”点。
3.使用插件或方法,允许 4 个透明箭头“div”位于每个视口侧的“固定”位置。当用鼠标单击(或悬停)时,这将模拟滚动条的移动,并且视差网页插件会做出相应的反应。布局示例(注意外部导航是半透明的):
UUUUU Webpage top-content is here plus the overlay arrow for UP Navigation.
LOOOR LEFT and RIGHT Navigation arrows are seen on top of more "top" content.
LOXOR The center starting point will show the "fixed" Navigation arrows.
LOOOR LEFT and RIGHT Navigation arrows are seen below the "starting" point.
DDDDD Bottom-content is here plus the overlay arrow for DOWN Navigation.
网页最困难的部分是有足够的“填充内容”占据“起点”的顶部和侧面。但是如果那个“填充内容”是一个缩略图库,那么这个特殊的视差页面看起来会非常好(而且不寻常!)。