文章/答案/技术大牛

发布

社区首页 >问答首页 >如何直接链接到Parallax滚动网站部分

问如何直接链接到Parallax滚动网站部分
EN

Stack Overflow用户

提问于 2013-11-16 07:22:41

回答 1查看 2.6K关注 0票数 0

我正在构建一个视差滚动条，其中还包括导航栏上正常(非视差)页面的链接。当你在标准的视差滚动部分时，这很好用，但是我不能从其他非视差页面中获得直接转到视差站点中的部分的链接。

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

我想链接到*.html，然后再链接到一个特定的部分。对如何做到这一点有什么想法吗？

谢谢!

parallax

scroller

回答 1

Stack Overflow用户

发布于 2013-11-16 08:02:15

我的第一个建议是使用*.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上创建了一个列表

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20012389

复制

相似问题

问如何直接链接到Parallax滚动网站部分
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何直接链接到Parallax滚动网站部分EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何直接链接到Parallax滚动网站部分
EN