Question

这是我的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链接正在查找桌面上时。但是，当我尝试平板电脑或手机时，这是行不通的。当我点击链接时，它不会在平板电脑或手机上移回顶部。

请帮忙。

谢谢。

Answer 1

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

<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属性来命名网页中的部分。

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

HTML A href'＃'不工作？

1 个答案: