Javascript 全屏jQuery中的ScrollTop

当浏览器处于正常模式时，用户可以单击按钮并滚动到页面顶部的div：

$（'html，body'）.animate（{scrollTop:$（'.backTop'）.offset（）.top}，150）


但是让浏览器处于全屏模式不起作用
我想这就是你想要的。首先，您需要设置一个指向要滚动的部分的超链接。就我而言，它是
#top
。然后是一些用于平滑滚动的jquery代码

运行sippet，进入页面底部（蓝色
第节）。单击右下方的白色框


//向所有链接添加平滑滚动
$（“a”）。在（'click'，函数（事件）{
//在覆盖默认行为之前，请确保this.hash具有值
如果（this.hash！==“”）{
//防止默认锚点单击行为
event.preventDefault（）；
//存储散列
var hash=this.hash；
//使用jQuery的animate（）方法添加平滑页面滚动
//可选数字（800）指定滚动到指定区域所需的毫秒数
$（'html，body'）。设置动画({
scrollTop:$（散列）.offset（）.top
}，800，函数（）{
//完成滚动后，将哈希（#）添加到URL（默认单击行为）
window.location.hash=散列；
});
}//如果结束，则结束
});
#顶部{
高度：300px；
宽度：100%；
背景：红色；
}
#第二{
高度：300px；
宽度：100%；
背景：蓝色；
}
.图标{
高度：30px；
宽度：30px；
位置：固定；
底部：20px；
右：20px；
背景：白色；
}

已解决：

只需使用：

$（'html，body'）.animate（{scrollTop:$（'.backTop'）.offset（）.top}，150）

正在分配给正文的滚动，但应分配给全屏显示的div的滚动，获取：

（首先，我们需要将卷轴放入表格中，以便正确地进行偏移测量）

$（'#leitor'）。滚动顶部（0）；
$（'#leitor'）。制作动画({
滚动顶部：$（“.backTop”）.offset（）.top
}, 150);
如果它处于全屏模式，您希望它不会滚动到顶部吗？你试过的东西出了什么问题？不，如果是普通屏幕还是全屏，我希望你滚动到顶部。它只在普通主题下工作，全屏不会发生任何事情。你不需要检查它是否全屏。无论您处于哪种模式，jQuery都会找到元素的位置。它不能全屏显示，因为你通常有一个条件（如果）说，如果它不能全屏显示，那么向上滚动。去掉var和if，只保留.animate行..这不是问题，我已经删除了
if
进行测试，但仍然没有work@sNniffer你说的荧光屏是什么意思。如果该部分在全屏中可见，您将无法直接访问该部分。先生，你能详细说明一下你的问题吗？很简单，全屏模式我的朋友，只要在全屏模式下点击一个按钮，屏幕就会指向div，就像你说的一样，但在全屏模式下。这篇文章的标题就是这个，所以你在这里使用的是iframe？你能用你的HTML代码更新这个问题吗？我不确定你的问题。当我检查您的代码时，我可以看到您的html全屏显示在iframe中。所以问题不仅仅是ScrollTop，而是iframe内部的ScrollTop。我列举了几个例子，但我无法给出答案。这对我来说似乎有点新鲜。所以这需要时间。如果我找到任何解决方案，我会让你知道。你可以在这里获得一些想法：