gpt4 book ai didi

HTML A href '#' 不工作?

转载 作者:太空宇宙 更新时间:2023-11-04 13:17:17 24 4
gpt4 key购买 nike

这是我返回顶部的 Html 代码。

<html>
<head>
<title>Back To Top</title>
</head>
<body id='backtotop'>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<a href="#backtotop" id='moveback' style='display:none;'>Backtotop</a>
<button id='Clickme'>Click</button>
<script type="text/javascript">
jQuery(function($) {
$(document).ready(function(){
$("#Clickme").click(function(){
$("#moveback").click();
$("#moveback").trigger('click');
});
});
}(jQuery));
</script>
</body>
</html>

当我点击 Backtotop 链接时,在桌面上找到。但是当我尝试平板电脑或手机时,这不起作用。当我点击链接时,它不会在平板电脑或手机上返回顶部。

请帮忙。

谢谢。

最佳答案

通常它被称为内部链接,其中超链接位于同一网页内。我们主要使用的代码是

<A NAME="LINK"> </A>

LINK 是该职位的名称。

示例:

<body>
<H4>Click here to go to bottom <A HREF="#BOTTOM"> bottom </a> of the page </H4>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<A NAME="BOTTOM"><h1>This si bottom</h1></A>
</body>

如果这不起作用,那么您可以实现滚动功能,如:

function scrollWindow()
{
window.scrollTo(x,y);
}


// where
// x= for horizontal co-ordinates,y=for vertical cordinates
//x=100,y=600--try this

execute this function onclick of your link

<ul>
<li><a href="#backtotop" onclick=scrollwindow>Backtotop</a></li>
</ul>

您还可以使用 ID 属性代替标记中的 NAME 属性来命名网页中的部分。

请注意:页面上的许多元素都是 float 元素。因此,如果 anchor 目标不在 float 元素内,浏览器将无法找到要链接的精确点。换句话说,如果 anchor 标记在 float 元素之外,而您的页面上有很多 float 元素,则内部链接可能无法正常工作。要解决此问题,请将 anchor 目标放置在其中一个 float 元素中。

关于HTML A href '#' 不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23784848/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com