ASP.NET实现锚点而不回发

时间:2012-07-03 14:54:23

标签: asp.net anchor

我正在使用VS2010,C#中的ASP.NET Web应用程序,我想做类似这样的页面:

http://www.just-eat.co.uk/restaurants-simplyscrumptious/menu

当你点击左侧的食物类别时,页面跳转到该类别而没有任何回发,我该如何实现呢?

2 个答案:

答案 0 :(得分:2)

如何移出后退

您可以在同一页面网址末尾使用锚点#,并使用您要移动的名称。

然后在页面内放置一个anhro,其中包含您希望跳转的名称

<a name="MovePosition"></a>

因此,如果您创建http://www.site.com/catalog.aspx#MovePosition之类的链接,则浏览器会在最顶部显示<a name="MovePosition"></a>

参考:http://www.w3.org/MarkUp/1995-archive/Elements/A.html

类别菜单始终在同一点

如果您还注意到左侧的类别保持在同一位置。这可以通过多种方式完成。在此特定页面中使用脚本来更改其位置。如何更好地将类别放在div中并给这个div赋予这个额外的样式position:fixed;bottom:0px;并且将坚持你相对于他的父div的位置。

有很多方法可以让类别菜单保持在同一个点上。可以在这里找到另外一个:http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm即使是旧代码也是如此。

答案 1 :(得分:1)

除了上一个答案@Aristos

之外

如果在同一页面上,请执行

<a href="#section1">Go to section 1</a>

如果在另一页上,请执行

<a href="mypage.aspx#section1">Go to section 1 on another page</a>

然后使用<a name="#sectionName"></a>

定义部分
<a name="section1"></a>
Thi section 1
content for section 1 follows


<a name="section2"></a>
This section 2
content for section 2 follows