我正在 VS2010,C# 中开发一个 ASP.NET Web 应用程序,我想做类似这个页面的东西:
http://www.just-eat.co.uk/restaurants-simplyscrumptious/menu
当您单击左侧的食物类别时,页面跳转到该类别而没有任何回发,我该如何实现?
#
您可以使用同一页面 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旧代码也是如此。
除了上一个答案@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