Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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 如何使用scrollTop或scrollTo滚动到div顶部_Javascript_Html_Css - Fatal编程技术网

Javascript 如何使用scrollTop或scrollTo滚动到div顶部

Javascript 如何使用scrollTop或scrollTo滚动到div顶部,javascript,html,css,Javascript,Html,Css,我在一页上有4个情态动词。如果我打开一个滚动到底部,关闭它,然后重新打开它,它会将我放在模式中滚动到最后一个的位置。每个模态都会发生这种情况,所以如果我滚动到第一个模态的底部,关闭它,然后打开第三个模态,它会将我置于模态的底部 我试图创建一个javascript函数,它将模式滚动到打开模式的元素的顶部 任何想法都将不胜感激,因为我似乎无法在任何地方找到任何解决方案 谢谢。使用元素的.scroll()功能文档.getElementById(“元素id”).scroll(0,0)使用元素的.scro

我在一页上有4个情态动词。如果我打开一个滚动到底部,关闭它,然后重新打开它,它会将我放在模式中滚动到最后一个的位置。每个模态都会发生这种情况,所以如果我滚动到第一个模态的底部,关闭它,然后打开第三个模态,它会将我置于模态的底部

我试图创建一个javascript函数,它将模式滚动到打开模式的元素的顶部

任何想法都将不胜感激,因为我似乎无法在任何地方找到任何解决方案


谢谢。

使用元素的
.scroll()
功能<代码>文档.getElementById(“元素id”).scroll(0,0)

使用元素的
.scroll()
函数<代码>文档.getElementById(“元素id”).scroll(0,0)

我希望这个示例对您有所帮助。 在这个例子中,我们从顶部开始到下面的一个div。然后我们回到顶部的另一个分区

很简单。获取div id,然后使用offsetTop获取其在屏幕上的位置。然后将该值传递到window.scroll中的顶部选项

var myDiv=document.getElementById(“myDiv”);
var myDiv2=document.getElementById(“myDiv2”);
函数scrollMe(){
scrollToMyDiv(myDiv);
}
函数scrollMe2(){
scrollToMyDiv(myDiv);
}
功能滚动条Tomydiv(元素){
滚动窗口({
顶部:element.offsetTop,
左:0,,
行为:“平滑”
});
}

第2组


我希望这个例子对您有所帮助。 在这个例子中,我们从顶部开始到下面的一个div。然后我们回到顶部的另一个分区

很简单。获取div id,然后使用offsetTop获取其在屏幕上的位置。然后将该值传递到window.scroll中的顶部选项

var myDiv=document.getElementById(“myDiv”);
var myDiv2=document.getElementById(“myDiv2”);
函数scrollMe(){
scrollToMyDiv(myDiv);
}
函数scrollMe2(){
scrollToMyDiv(myDiv);
}
功能滚动条Tomydiv(元素){
滚动窗口({
顶部:element.offsetTop,
左:0,,
行为:“平滑”
});
}

第2组


欢迎使用堆栈溢出!请访问,采取的,看看什么和。做一些研究,搜索相关话题等;如果您被卡住了,请发布您的尝试,使用注意输入和预期输出。欢迎使用堆栈溢出!请访问,采取的,看看什么和。做一些研究,搜索相关话题等;如果您遇到问题,请发布您的尝试,并使用。感谢您的回复Felipe,我确实理解此示例,它很有帮助,谢谢您,但我实际上是在特定div上使用window.scrollTo或window.scrollBy,而不是在窗口本身上。你对怎么做有什么想法吗。如果你不知道,不用担心,谢谢你迄今为止的帮助。让我们试着去理解。我有一个打开模式,并滚动到它的结尾。关闭此模式时,是否应直接转到下一个模式的开头?是否需要在modal div中对滚动进行内部控制?感谢您的回复Felipe,我确实理解这个示例,它很有帮助,谢谢您,但我实际上是在特定div上使用window.scrollTo或window.scrollBy,而不是在窗口本身上。你对怎么做有什么想法吗。如果你不知道,不用担心,谢谢你迄今为止的帮助。让我们试着去理解。我有一个打开模式,并滚动到它的结尾。关闭此模式时,是否应直接转到下一个模式的开头?是否会在modal div中内部控制滚动?