我正在使用VS2010,C#中的ASP.NET Web应用程序,我想做类似这样的页面:
http://www.just-eat.co.uk/restaurants-simplyscrumptious/menu
当你点击左侧的食物类别时,页面跳转到该类别而没有任何回发,我该如何实现呢?
答案 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