Javascript url中没有id的内部链接
若我们需要跳转到顶部,那个么我们可以编写一个简单的代码Javascript url中没有id的内部链接,javascript,jquery,html,hyperlink,Javascript,Jquery,Html,Hyperlink,若我们需要跳转到顶部,那个么我们可以编写一个简单的代码 <a href="#top">link to top</a> 结果:我们将进入url为的首页 但我的问题是,我不想在url字符串上显示/#top查询,但我希望我的页面位于顶部。我不想在url中显示该字符串的原因是,如果浏览器找不到名为top的“id”,我的页面会被卡住。我正在显示的上下文或信息位于对话框中,因此一旦对话框关闭,就不会有任何名为top的id,当用户尝试刷新该页面时,即页面会被卡住 有谁能为这个问题提供
<a href="#top">link to top</a>
结果:我们将进入url为的首页
但我的问题是,我不想在url字符串上显示/#top查询,但我希望我的页面位于顶部。我不想在url中显示该字符串的原因是,如果浏览器找不到名为top的“id”,我的页面会被卡住。我正在显示的上下文或信息位于对话框中,因此一旦对话框关闭,就不会有任何名为top的id,当用户尝试刷新该页面时,即页面会被卡住
有谁能为这个问题提供更好的解决方案吗 你几乎没有选择 您可以使用纯Javscript:
window.scrollTo(X,Y)代码>(显然X和Y是滚动坐标,顶部为0,0)
另一个选项(但不基于jQuery)可以是:
document.body.scrollTop=document.documentElement.scrollTop=0代码>
如果您更喜欢基于jQuery的解决方案,请尝试以下方法:
$(document).scrollTop(0);
或者:
$(window).scrollTop(0);
使用更适合您需要的选项
喜欢编码。试试看
$(.link”)。在(“单击”上,函数(e){
$(“body”).animate({scrollTop:$(.link”).not(this.offset().top},500);
返回错误
})
#顶部#底部{
高度:400px;
宽度:100%;
显示:块;
}
分区:第n个类型(1){
背景:蓝色;
}
分区:第n个类型(2){
背景:橙色;
}
跨度{
背景:黄色;
}
自上而下
从下到上
Html
<div id="div1" style="height: 1000px; width 100px">
Test
</div>
<br/>
<div id="div2" style="height: 1000px; width 100px">
Test 2
</div>
<button id="click">Click me</button>
如果没有这样的元素-您想倒带到哪里?初始有一个弹出对话框,其中有一些信息,名为top的id也存在。但当用户关闭该对话框时,url保持不变,即当用户刷新浏览器时,将显示空白页谢谢回答。我发现它确实在窗口浏览器中滚动,但我的目的是滚动我的对话框。不管怎样,我已经把你们的答案投了赞成票,因为我确实学到了新东西。THanksQuestion:您必须从DOM中“删除”对话框对象吗?你就不能把它藏起来吗?可能使用“显示:无”?另一个问题:为什么不将#引用放在对话框之外?因为它是一个弹出窗口,所以很难隐藏dom元素#引用可以放在外部,因为我只想在用户单击某个选项时显示。$(“.dialogImport”).animate({scrollTop:$(“#信息”).not(this.offset().top},500);我把这写在我的控制台窗口上。我确实收到了我的内容,但滚动不起作用。有没有解决这个问题的方法?可以创建stacksnippets,JSFIDLE?它成功了,我的错。dialogImport应替换为模态体。谢谢你,伙计
<div id="div1" style="height: 1000px; width 100px">
Test
</div>
<br/>
<div id="div2" style="height: 1000px; width 100px">
Test 2
</div>
<button id="click">Click me</button>
$(document).ready(function (){
$("#click").click(function (){
//$(this).animate(function(){
$('html, body').animate({
scrollTop: $("#div1").offset().top
}, 2000);
//});
});
});