如何直接链接到视差滚动网站部分

时间:2013-11-15 23:22:41

标签: parallax scroller

我正在构建一个视差卷轴,其中包含指向导航栏上正常(非视差)页面的链接。当你在标准的视差滚动部分时,这可以正常工作,但是我无法从其他非视差页面中获取链接直接转到视差站点中的某个部分。

视差内的链接如下所示: <li><a href="#random-section">Things</a></li>

我想链接到* .html,然后链接到特定部分。关于如何做到这一点的任何想法?

谢谢!

1 个答案:

答案 0 :(得分:0)

我的第一个建议是做* .html #random-section,但你可能已经尝试过了。

我的下一个建议是首先转到页面并使用GET值告诉您的页面在页面加载后要去哪个部分。例如

*.html?section=randomSection

然后,您可以使用javascript使用

滚动到该部分
window.location.hash = "randomSection"

您的代码看起来像这样(假设您使用的是PHP):

<head>
<script>
function goToHash(section)
{
    window.location.hash = section;
}
</script>
</head>
<body onload="goToHash(<?PHP echo "$_GET[\"section\"]";?>);">

这应该告诉您的页面滚动到所需的部分。对不起凌乱的格式化。

编辑:如果您使用的是PHP,请不要忘记逃避所有输入

mysqli_escape_string(

如果您需要更多视差教程,我公司和我在http://potentpages.com/parallax-tutorials

创建了一个列表