如何更改页面上的访问者位置[重复]
Posted
技术标签:
【中文标题】如何更改页面上的访问者位置[重复]【英文标题】：How to change visitors location on page [duplicate] 【发布时间】：2017-04-02 01:00:41 【问题描述】：我想要一个按钮，当您单击它时，它会将您（访问者）带到页面顶部。 如何做到这一点？ 谢谢
【问题讨论】：
我想要世界和平。如何做到这一点？ 然后在页面上的其他位置 页面顶部 ***.com/questions/1144805/… @Alexis：很好的评论。 【参考方案1】：如果您连接了键盘：
按'Home' 按钮。
【讨论】：
【参考方案2】：超链接的经典操作是指向与正在查看的页面不同的页面，以导航站点。还可以创建指向当前页面上特定位置或其他页面的链接，以便正确定位浏览器。
创建一个锚点很简单：你只需要分配一个你希望能够指向一个标识符的元素（带有属性 html id）并关联一个以字符 # 开头的链接，后跟这个标识符。
Ex:
<div id="top">...</div>
It is then enough to make a link to this anchor:
<a href="#top">top of page</a>
Demo:
<!DOCTYPE html>
<html>
<head>
<title>top link</title>
<meta charset="UTF-8">
</head>
<body>
<div id="top">...</div>
<!-- Content -->
<!-- Content -->
<!-- Content -->
<a href="#top">top of page</a>
</body>
</html>
【讨论】：
您能否在代码中添加一些描述：)【参考方案3】：点击按钮，运行 javascript：
window.scrollTo(0, 0);
【讨论】：
【参考方案4】：你可以这样做：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Back To Top Button by CodexWorld</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<script type='text/javascript'>
$(document).ready(function()
$(window).scroll(function()
if ($(this).scrollTop() > 100)
$('#scroll').fadeIn();
else
$('#scroll').fadeOut();
);
$('#scroll').click(function()
$("html, body").animate( scrollTop: 0 , 600);
return false;
);
);
</script>
<style type="text/css">
/* BackToTop button css */
#scroll
position:fixed;
right:10px;
bottom:10px;
cursor:pointer;
width:50px;
height:50px;
background-color:#3498db;
text-indent:-9999px;
display:none;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px
#scroll span
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff
#scroll:hover
background-color:#e74c3c;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";
</style>
</head>
<body>
<!-- BackToTop Button -->
<a href="javascript:void(0);" id="scroll" title="Scroll to Top" style="display: inline;">Top<span></span></a>
<!-- ++++++++++++ Page Content Goes Here ++++++++++++ -->
</body>
</html>
只需复制并粘贴脚本并运行
【讨论】：
【参考方案5】：链接：
<a href="#">Back to top</a>
带按钮：
<a href="#">
<button>Back to top</button>
</a>
另见：
How to create an HTML button that acts like a link?
HTML Anchors with 'name' or 'id'?
【讨论】：
以上是关于如何更改页面上的访问者位置[重复]的主要内容，如果未能解决你的问题，请参考以下文章
如何解决 C++ 中针对 AST 上的访问者模式的标头重复问题