1

我正在 VS2010,C# 中开发一个 ASP.NET Web 应用程序,我想做类似这个页面的东西:

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

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

4

2 回答 2

2

如何在没有回邮的情况下搬家

#您可以使用同一页面 url 末尾的锚点以及要移动的名称。

然后在页面内放置一个带有您希望跳转的名称的 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旧代码也是如此。

于 2012-07-03T15:04:55.490 回答
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
于 2012-07-03T15:12:32.210 回答