Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript url中没有id的内部链接_Javascript_Jquery_Html_Hyperlink - Fatal编程技术网

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);
                //});
            });
        });