Question

Hello Guys我制作一个寻呼机网站意味着它的链接工作可以滚动页面，但是当它感谢你页面链接不工作意味着链接不能转到#contact部分的索引页面

例如： -

Index.php导航代码可以工作并滚动到联系人部分： -

<li class="active"><a href="#contact">Contact</a></li>

Thank.php代码哪些链接不起作用而不是去联系部分

<li class="active"><a href="index.php#contact">Contact</a></li>

请提前感谢我在错误的地方帮助我。

Answer 1

没有足够的信息来帮助您，显然有javascript用于滚动页面，它在哪里？也请尝试更好地解释问题。

更新：网页滚动示例

HTML：

<nav>
    <ul>
        <li class="active"><a data-action="contact" href="#contact">Contact</a></li>
        <li><a data-action="about" href="#about">About</a></li>
    </ul>
</nav>

<body>
    <div class="contact">
    </div>
    <div class="about">
    </div>
</body>

jQuery的：

$('a[href^="#"').click(function(event) {

    const target = $(this).attr('data-action');

    if (target !== undefined)
        $('html,body').animate({
            scrollTop: $("." + target).offset().top - [size of you nav]}, 2000);

});

这是所有理论，尚未经过测试

Answer 2

如果thank.php和index.php页面不同，您想要将用户滚动到index.php页面的联系部分。您需要在index.php页面中编写JS代码以从uri获取哈希代码并滚动到具有该ID的div。在你的情况下，它是#contact。

在index.php中尝试使用此代码

$(function(){
  // get hash value
  var hash = window.location.hash;
  // now scroll to element with that id
  $('html, body').animate({ scrollTop: $(hash).offset().top });
});

Answer 3

最后，我以最简单的方式提供解决方案，感谢您的帮助:)您可以简单地使用此代码。是的，我知道这很简单，但它有效：）

       <script>
        document.getElementById("contact").onclick = function () {
        location.href = "index.php#contact";
        };
       </script>

thankyou页面导航链接不起作用它是一个寻呼机网站

3 个答案: