ASP.NET实现无回传锚(ASP.NET implement anchor without pos

2019-10-16 23:00发布

我工作在VS2010,C#的ASP.NET Web应用程序,我想做出这样的页面:

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

当您在食品类别点击左侧,页面跳转到该类别没有任何回传,我怎么能实现呢?

Answer 1:

如何用出来后回迁

您可以使用锚#在同一页面的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即便如此是旧代码。



Answer 2:

只是除了以前的答案@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


文章来源: ASP.NET implement anchor without postback