锚不工作,页面不动

时间:2017-07-31 02:07:11

标签: html wordpress html5 css3

好的,我已经花了好几个小时,我仍然无法理解。问题很简单。我对网站做了一些简单的更改,现在锚点不起作用。它们仅在重新加载页面时才起作用。

www.boldcreative.co.nz

如果您有任何建议/指导,请告诉我。提前谢谢。

正如您在下面的代码中所看到的,我尝试通过仅使用锚名称(例如#about)并使用整个URL(例如boldcreative.co.nz/#about)来调用锚点。都没有工作。

<div class="popup_menu_holder_inner">
				<nav class="popup_menu">
					<ul id="menu-left_menu" class=""><li id="popup-menu-item-21092" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home "><a href="http://boldcreative.co.nz/#top" class=" current "><span>Home</span></a></li>
<li id="popup-menu-item-21093" class="menu-item menu-item-type-custom menu-item-object-custom "><a href="#about" class=""><span>About Us</span></a></li>
<li id="popup-menu-item-21095" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home "><a href="http://boldcreative.co.nz/#work" class=" current "><span>Our Work</span></a></li>
<li id="popup-menu-item-21094" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home "><a href="http://boldcreative.co.nz/#team" class=" current "><span>Our Team</span></a></li>
<li id="popup-menu-item-21097" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home "><a href="http://boldcreative.co.nz/#contact" class=" current "><span>Contact</span></a></li>
</ul>				</nav>
			</div>

1 个答案:

答案 0 :(得分:0)

尝试使用自身值添加目标属性

<a href="http://boldcreative.co.nz/#top" class=" current " target="_self">

但这会使页面转到http://boldcreative.co.nz,并专注于ID为top

的div

您需要使用锚标记描述更多您想要做的事情。

使用<a href="#top" class=" current ">会将您的页面聚焦/滚动到div / element,其中包含&#39; top&#39;作为它的身份。