从联系人页面返回到索引页

Question

我有一个长索引页与节和一个联系页面，但问题是，如果您将转到联系人页，并想回到长索引页，导航链接是相关的。

这是我的导航：

 <div class="collapse navbar-collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#home" class="smoothScroll">HOME</a></li>
                            <li><a href="#about" class="smoothScroll">STUDIO</a></li>
                            <li><a href="#team" class="smoothScroll">TEAM</a></li>
                            <li><a href="#service" class="smoothScroll">SERVICES</a></li>
                            <li><a href="#work" class="smoothScroll">WORK</a></li>
                            <li><a href="#pricing" class="smoothScroll">PRICING</a></li>
                            @*<li><a href="#contact" class="smoothScroll">CONTACT</a></li>*@
                            <li>@Html.ActionLink("Contact", "Contact", "Home")
                            </li>
                        </ul>
                    </div>

因此，如果现在转到联系人页面，url将是：

http://localhost:53534/Home/Contact

但是，如果您想从那里转到: services，您将得到url：

http://localhost:53534/Home/Contact#service - what is not the correct url, because the correct url has to be:

http://localhost:53534/#service. So without the controller name contact.

但如何处理呢？

谢谢

好吧，我试过了，像这样：

​

• @Html.ActionLink( "Contact", "Contact" , "Home" , Request.Url.Scheme , Request.Url.Host , "contact" , null , null ) </li> ，但是如果您从联系人转到其他链接，您将得到以下内容：http://localhost:53534/Home/Contact#pricing我也试过这个：
• @Html.ActionLink( "Contact", "Contact" , "Home" , Request.Url.Scheme , Request.Url.Host , "" , null , null ) </li> ，所以我的完整导航如下所示：
• @Html.ActionLink("Contact", "Index" , "Home" , Request.Url.Scheme , Request.Url.Host , "contact" , null , null ) </li> The contact page has to be without "#". But now this is with "#". So how to omit the "#"? I just changed the first Index to Contact, because that is just the name

Answer 1

正如Stephen Muecke在他的comment中指出的那样，您可以使用Html.ActionLink的重载。

@Html.ActionLink
( "Index"
, "Index"
, "Home"
, null
, null
, "contact" // the fragment
, null
, null
);

否则，可以在HTML和@Url.Action中使用常规锚点(@Url.Action)元素。您可以使用Url.Action访问主页并从那里导航到更远的位置：

<a href="@Url.Action("Index", "Home")#some_optional_hash" />

Answer 2

一个快速而肮脏的解决方法就是将锚的href属性设置为绝对属性，而不是相对路径，例如：

<li><a href="/#pricing" class="smoothScroll">PRICING</a></li>