Javascript 如何滚动并停留在特定元素所在的位置?

Javascript 如何滚动并停留在特定元素所在的位置?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的代码: $('html,body').stop().animate({scrollTop:$('.select').offset().top-80},'100') div{ 边框:2倍纯色灰色; 填充:10px; } 第一组 第二组 第三组 第四组 div5我想你是要求在页面加载时跳转到特定的。。。如果是这种情况,最简单的解决方案是为目标使用特定ID,然后将该的ID附加到用于链接到文件的URL的末尾 因此,例如,如果您有,那么您可以使用http://yourwebsite.c

这是我的代码:

$('html,body').stop().animate({scrollTop:$('.select').offset().top-80},'100')
div{
边框:2倍纯色灰色;
填充:10px;
}

第一组











第二组










第三组










第四组











div5
我想你是要求在页面加载时跳转到特定的
。。。如果是这种情况,最简单的解决方案是为目标
使用特定ID,然后将该
的ID附加到用于链接到文件的URL的末尾

因此,例如,如果您有
,那么您可以使用
http://yourwebsite.com#select

可以使用锚定标记中的
href
属性(例如
)直接跳转到其他ID。如果您想为这些类型的跳转保持滚动效果(而不是像这里这样在页面加载时自动滚动),则需要使用JavaScript或jQuery将事件侦听器附加到锚定标记

当呈现文档(页面)时,默认情况下,它总是将焦点放在页面的顶部,不幸的是css没有提供任何单独的技巧来设置它以克服它

您最好使用
setTimeout
函数,并延迟转换,使其看起来更线性

setTimeout(function(){
$('html, body').stop().animate({scrollTop:$('.select').offset().top-80}, 3000); },2000);

这里有一个例子:

是的,使用延迟会使效果更好。无论如何,谢谢+1:-)是的,我知道如何使用URL中的锚。无论如何,你的答案是+1。