logo标签列表

HTML A href '#'无法工作？

html
3
这是我的返回顶部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”链接时，它能正常工作。但是当我在平板电脑或手机上尝试时，它却无法正常工作。当我单击链接时，它不会在平板电脑或手机上返回到页面顶部。
请帮忙解决。
谢谢。
2
在 Android 上的每个浏览器（Chrome、FF、Opera、Browser）中，这对我来说都很好用。具体是哪个浏览器无法正常工作？ - Joeytje50
请查看此页面：http://www.webdeveloper.com/forum/showthread.php?259280-anchor-tag-not-working-in-safari-(ios)-for-Iphone-iTouch-iPad。您的链接是否附加了任何JavaScript事件？ - Reinder Wit
我更新了我的问题，请检查一下，它在Firefox或Chrome浏览器或平板电脑上无法正常工作。请再次检查。 - Renish Khunt
1个回答
0
通常称为内部链接，其中超链接位于同一网页中。 我们主要使用的代码是 其中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>

同时，您可以在Web页面中使用ID属性代替NAME属性来命名标签中的部分。

请注意：页面上的许多元素都是浮动元素。因此，如果锚点目标不在浮动元素内，浏览器无法找到精确的链接点。换句话说，如果锚标签在浮动元素外部，并且页面上有许多浮动元素，则内部链接可能无法正常工作。要解决此问题，请将锚点目标放置在浮动元素之一内。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接